-
create-react-native-app purescript-app; cd purescript-app
-
pulp init --force
-
pulp build
-
src/Main.js
var React = require("react");
var RN = require("react-native");
exports.text = function(props){| // Usage | |
| // PingPongSwitch( | |
| // textFirst = "Ping", | |
| // textSecond = "Pong" | |
| // ) | |
| @Composable | |
| fun PingPongSwitch( | |
| state: PingPongSwitchState = rememberPingPongSwitchState(), | |
| textFirst: String, |
| import android.graphics.Matrix | |
| import android.os.Bundle | |
| import androidx.activity.ComponentActivity | |
| import androidx.activity.compose.setContent | |
| import androidx.compose.animation.core.LinearEasing | |
| import androidx.compose.animation.core.RepeatMode | |
| import androidx.compose.animation.core.animateFloat | |
| import androidx.compose.animation.core.infiniteRepeatable | |
| import androidx.compose.animation.core.rememberInfiniteTransition | |
| import androidx.compose.animation.core.tween |
| package uk.co.jakelee.apodwallpaper.example | |
| import uk.co.jakelee.apodwallpaper.BuildConfig | |
| class MyClass() { | |
| val key = BuildConfig.APOD_API_KEY | |
| } |
create-react-native-app purescript-app; cd purescript-app
pulp init --force
pulp build
src/Main.js
var React = require("react");
var RN = require("react-native");
exports.text = function(props){| module.exports = { | |
| verbose: true, | |
| moduleDirectories: ['node_modules'], | |
| transform: { | |
| '\\.js$': '<rootDir>/../build/utils/webpack_polyfill' | |
| } | |
| } |
Hmm... I don't see any docs for 4.0 on https://webpack.js.org. I guess I'll just wing it.
All I need to do is npm i -D webpack@next, right?
+ webpack@4.0.0-beta.2
| node_modules |
| import React from 'react'; | |
| import { Sector, Cell, PieChart, Pie } from 'recharts'; | |
| const GaugeChart = () => { | |
| const width = 500; | |
| const chartValue = 180; | |
| const colorData = [{ | |
| value: 40, // Meaning span is 0 to 40 | |
| color: '#663399' | |
| }, { |
| /* | |
| ##Device = Desktops | |
| ##Screen = 1281px to higher resolution desktops | |
| */ | |
| @media (min-width: 1281px) { | |
| /* CSS */ | |