| var gulp = require('gulp'); | |
| var autoprefixer = require('gulp-autoprefixer'); | |
| var less = require('gulp-less'); | |
| var livereload = require('gulp-livereload'); | |
| var plumber = require('gulp-plumber'); | |
| var watch = require('gulp-watch'); | |
| gulp.task('less', function () { | |
| return gulp.src('./dev/less/*.less') | |
| .pipe(plumber()) |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Web Design Frameworks</title> | |
| <style> | |
| html, body { | |
| height:100%; |
#Important times and places
#Numbers:
These notes are from Eran Schoellhorn's April 2019 walkthrough of Wordpress Site Setup using Docker.
We use Docker to manage the environment for each site. This way you don't need to concern yourself with mismatched versions or missing dependencies. Install it and run it if you haven't already.
| // Wrap your app with your provider, and place components inside it | |
| import React from 'react'; | |
| import {AppStateProvider} from './useAppState'; | |
| import MyComponent from './MyComponent'; | |
| const App = () => ( | |
| <AppStateProvider> | |
| <MyComponent /> |
| import { useEffect, useRef } from 'react'; | |
| import { Animated } from 'react-native'; | |
| // A hook for using react-native's Animated.Value | |
| // Example usages: | |
| // | |
| // const animatedValue = useAnimatedValue(props.value) | |
| // | |
| // const animatedValue = useAnimatedValue(props.value, { method: 'spring' }) | |
| // |
| import React from 'react'; | |
| import { Input } from 'react-native-elements'; | |
| import { Field } from 'formik'; | |
| import { utils } from '../theme'; | |
| import MoneyInput from './MoneyInput'; | |
| import PickerSelect from './PickerSelect'; | |
| import Text from './Text'; | |
| /* |
| import React, { useContext, useRef } from 'react'; | |
| import { KeyboardAvoidingView, StatusBar, StyleSheet, View } from 'react-native'; | |
| import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view'; | |
| import { SafeAreaView } from 'react-navigation'; | |
| import withMeasurements from '../utilities/withMeasurements'; | |
| import { utils } from '../theme'; | |
| import ActivityIndicator from './ActivityIndicator'; | |
| export const ScreenViewContext = React.createContext({}); |
| import React from 'react'; | |
| import { compose, lifecycle, withProps, withPropsOnChange, withStateHandlers } from 'recompose'; | |
| export default compose( | |
| withProps(() => ({ | |
| measureRef: React.createRef(), | |
| })), | |
| withPropsOnChange(['measureRef'], ({ measureRef }) => ({ | |
| elementToMeasure: { | |
| ref: measureRef, |
| import React, { useRef, useState } from 'react'; | |
| import { RefreshControl } from 'react-native'; | |
| const useRefreshControl = (refreshesRequested = 1) => { | |
| const refreshesCompleted = useRef(0); | |
| const [isRefreshing, setIsRefreshing] = useState(false); | |
| const handleRefreshStart = () => { | |
| refreshesCompleted.current = 0; | |
| setIsRefreshing(true); |