First, Lets find out what version of PHP we're running (To find out if it's the default version).
To do that, Within the terminal, Fire this command:
which php
{ | |
"env": { | |
"browser": true, | |
"node": true, | |
"es6": true | |
}, | |
"plugins": ["react"], | |
"ecmaFeatures": { |
# ... | |
[options] | |
# webpack loaders | |
module.name_mapper='.*\.css$' -> '<PROJECT_ROOT>/flow/stub/css-modules.js' | |
module.name_mapper='.*\.\(svg\|png\|jpg\|gif\)$' -> '<PROJECT_ROOT>/flow/stub/url-loader.js' |
{ | |
"React Stateless Component": { | |
"prefix": "rsc", | |
"body": [ | |
"// @flow", | |
"import React from 'react';", | |
"import injectSheet from 'react-jss';", | |
"import ${1:method} from '${2:moduleName}';", | |
"", | |
"// Styles", |
// flow-typed signature: ba132c96664f1a05288f3eb2272a3c35 | |
// flow-typed version: c4bbd91cfc/redux_v3.x.x/flow_>=v0.33.x | |
declare module 'redux' { | |
/* | |
S = State | |
A = Action |
Yes...it's true...redux is smart....smarter than you even know. It really does want to help you. It strives to be sane and easy to reason about. With that being said, redux gives you optimizations for free that you probably were completely unaware of.
connect
is the most important thing in redux land IMO. This is where you tie the not between redux and your underlying
components. You usually take state and propogate it down your component hiearchy in the form of props. From there, presentational
import React, { Component } from 'react'; | |
import { Router, Switch, Route } from 'react-router-dom'; | |
import createBrowserHistory from 'history/createBrowserHistory'; | |
import { Provider } from 'mobx-react'; | |
import { ThemeProvider } from 'react-jss'; | |
import PropTypes from 'prop-types'; | |
// Stores | |
import Root from 'stores/RootStore'; |