├── .editorconfig ├── .gitignore ├── README.md ├── guide-1-react-router ├── .babelrc ├── README.md ├── app │ ├── app.js │ ├── components │ │ ├── home.js │ │ ├── main-layout.js │ │ ├── search-layout.js │ │ ├── user-list.js │ │ ├── user-profile.js │ │ └── widget-list.js │ └── router.js ├── gulpfile.js ├── index.html ├── package.json ├── public │ ├── css │ │ └── styles.css │ └── js │ │ ├── bundle.js │ │ └── bundle.map ├── server.js └── webpack.config.js ├── guide-2-container-components ├── .babelrc ├── README.md ├── app │ ├── api │ │ ├── user-api.js │ │ └── widget-api.js │ ├── app.js │ ├── components │ │ ├── containers │ │ │ ├── user-list-container.js │ │ │ ├── user-profile-container.js │ │ │ └── widget-list-container.js │ │ ├── home.js │ │ ├── layouts │ │ │ ├── main-layout.js │ │ │ └── search-layout.js │ │ └── views │ │ │ ├── user-list.js │ │ │ ├── user-profile.js │ │ │ └── widget-list.js │ └── router.js ├── data │ └── restore.json ├── docs │ └── state-and-props.md ├── gulpfile.js ├── index.html ├── package-lock.json ├── package.json ├── public │ ├── css │ │ └── styles.css │ └── js │ │ ├── bundle.js │ │ └── bundle.map ├── server.js └── webpack.config.js └── guide-3-redux ├── .babelrc ├── README.md ├── app ├── actions │ ├── action-types.js │ ├── search-layout-actions.js │ ├── user-actions.js │ └── widget-actions.js ├── api │ ├── user-api.js │ └── widget-api.js ├── app.js ├── components │ ├── containers │ │ ├── search-form-container.js │ │ ├── search-layout-container.js │ │ ├── user-list-container.js │ │ ├── user-profile-container.js │ │ └── widget-list-container.js │ ├── home.js │ ├── layouts │ │ ├── main-layout.js │ │ └── search-layout.js │ └── views │ │ ├── search-form.js │ │ ├── user-list.js │ │ ├── user-profile.js │ │ └── widget-list.js ├── reducers │ ├── index.js │ ├── search-layout-reducer.js │ ├── user-reducer.js │ └── widget-reducer.js ├── router.js └── store.js ├── data └── restore.json ├── docs ├── action-strategies.md └── preview.gif ├── gulpfile.js ├── index.html ├── package-lock.json ├── package.json ├── public ├── css │ └── styles.css └── js │ ├── bundle.js │ └── bundle.map ├── server.js └── webpack.config.js /.editorconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/.editorconfig -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | db.json 3 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/README.md -------------------------------------------------------------------------------- /guide-1-react-router/.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-1-react-router/.babelrc -------------------------------------------------------------------------------- /guide-1-react-router/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-1-react-router/README.md -------------------------------------------------------------------------------- /guide-1-react-router/app/app.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-1-react-router/app/app.js -------------------------------------------------------------------------------- /guide-1-react-router/app/components/home.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-1-react-router/app/components/home.js -------------------------------------------------------------------------------- /guide-1-react-router/app/components/main-layout.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-1-react-router/app/components/main-layout.js -------------------------------------------------------------------------------- /guide-1-react-router/app/components/search-layout.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-1-react-router/app/components/search-layout.js -------------------------------------------------------------------------------- /guide-1-react-router/app/components/user-list.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-1-react-router/app/components/user-list.js -------------------------------------------------------------------------------- /guide-1-react-router/app/components/user-profile.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-1-react-router/app/components/user-profile.js -------------------------------------------------------------------------------- /guide-1-react-router/app/components/widget-list.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-1-react-router/app/components/widget-list.js -------------------------------------------------------------------------------- /guide-1-react-router/app/router.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-1-react-router/app/router.js -------------------------------------------------------------------------------- /guide-1-react-router/gulpfile.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-1-react-router/gulpfile.js -------------------------------------------------------------------------------- /guide-1-react-router/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-1-react-router/index.html -------------------------------------------------------------------------------- /guide-1-react-router/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-1-react-router/package.json -------------------------------------------------------------------------------- /guide-1-react-router/public/css/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-1-react-router/public/css/styles.css -------------------------------------------------------------------------------- /guide-1-react-router/public/js/bundle.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-1-react-router/public/js/bundle.js -------------------------------------------------------------------------------- /guide-1-react-router/public/js/bundle.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-1-react-router/public/js/bundle.map -------------------------------------------------------------------------------- /guide-1-react-router/server.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-1-react-router/server.js -------------------------------------------------------------------------------- /guide-1-react-router/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-1-react-router/webpack.config.js -------------------------------------------------------------------------------- /guide-2-container-components/.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/.babelrc -------------------------------------------------------------------------------- /guide-2-container-components/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/README.md -------------------------------------------------------------------------------- /guide-2-container-components/app/api/user-api.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/app/api/user-api.js -------------------------------------------------------------------------------- /guide-2-container-components/app/api/widget-api.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/app/api/widget-api.js -------------------------------------------------------------------------------- /guide-2-container-components/app/app.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/app/app.js -------------------------------------------------------------------------------- /guide-2-container-components/app/components/containers/user-list-container.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/app/components/containers/user-list-container.js -------------------------------------------------------------------------------- /guide-2-container-components/app/components/containers/user-profile-container.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/app/components/containers/user-profile-container.js -------------------------------------------------------------------------------- /guide-2-container-components/app/components/containers/widget-list-container.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/app/components/containers/widget-list-container.js -------------------------------------------------------------------------------- /guide-2-container-components/app/components/home.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/app/components/home.js -------------------------------------------------------------------------------- /guide-2-container-components/app/components/layouts/main-layout.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/app/components/layouts/main-layout.js -------------------------------------------------------------------------------- /guide-2-container-components/app/components/layouts/search-layout.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/app/components/layouts/search-layout.js -------------------------------------------------------------------------------- /guide-2-container-components/app/components/views/user-list.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/app/components/views/user-list.js -------------------------------------------------------------------------------- /guide-2-container-components/app/components/views/user-profile.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/app/components/views/user-profile.js -------------------------------------------------------------------------------- /guide-2-container-components/app/components/views/widget-list.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/app/components/views/widget-list.js -------------------------------------------------------------------------------- /guide-2-container-components/app/router.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/app/router.js -------------------------------------------------------------------------------- /guide-2-container-components/data/restore.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/data/restore.json -------------------------------------------------------------------------------- /guide-2-container-components/docs/state-and-props.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/docs/state-and-props.md -------------------------------------------------------------------------------- /guide-2-container-components/gulpfile.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/gulpfile.js -------------------------------------------------------------------------------- /guide-2-container-components/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/index.html -------------------------------------------------------------------------------- /guide-2-container-components/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/package-lock.json -------------------------------------------------------------------------------- /guide-2-container-components/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/package.json -------------------------------------------------------------------------------- /guide-2-container-components/public/css/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/public/css/styles.css -------------------------------------------------------------------------------- /guide-2-container-components/public/js/bundle.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/public/js/bundle.js -------------------------------------------------------------------------------- /guide-2-container-components/public/js/bundle.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/public/js/bundle.map -------------------------------------------------------------------------------- /guide-2-container-components/server.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/server.js -------------------------------------------------------------------------------- /guide-2-container-components/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-2-container-components/webpack.config.js -------------------------------------------------------------------------------- /guide-3-redux/.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/.babelrc -------------------------------------------------------------------------------- /guide-3-redux/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/README.md -------------------------------------------------------------------------------- /guide-3-redux/app/actions/action-types.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/actions/action-types.js -------------------------------------------------------------------------------- /guide-3-redux/app/actions/search-layout-actions.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/actions/search-layout-actions.js -------------------------------------------------------------------------------- /guide-3-redux/app/actions/user-actions.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/actions/user-actions.js -------------------------------------------------------------------------------- /guide-3-redux/app/actions/widget-actions.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/actions/widget-actions.js -------------------------------------------------------------------------------- /guide-3-redux/app/api/user-api.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/api/user-api.js -------------------------------------------------------------------------------- /guide-3-redux/app/api/widget-api.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/api/widget-api.js -------------------------------------------------------------------------------- /guide-3-redux/app/app.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/app.js -------------------------------------------------------------------------------- /guide-3-redux/app/components/containers/search-form-container.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/components/containers/search-form-container.js -------------------------------------------------------------------------------- /guide-3-redux/app/components/containers/search-layout-container.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/components/containers/search-layout-container.js -------------------------------------------------------------------------------- /guide-3-redux/app/components/containers/user-list-container.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/components/containers/user-list-container.js -------------------------------------------------------------------------------- /guide-3-redux/app/components/containers/user-profile-container.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/components/containers/user-profile-container.js -------------------------------------------------------------------------------- /guide-3-redux/app/components/containers/widget-list-container.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/components/containers/widget-list-container.js -------------------------------------------------------------------------------- /guide-3-redux/app/components/home.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/components/home.js -------------------------------------------------------------------------------- /guide-3-redux/app/components/layouts/main-layout.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/components/layouts/main-layout.js -------------------------------------------------------------------------------- /guide-3-redux/app/components/layouts/search-layout.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/components/layouts/search-layout.js -------------------------------------------------------------------------------- /guide-3-redux/app/components/views/search-form.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/components/views/search-form.js -------------------------------------------------------------------------------- /guide-3-redux/app/components/views/user-list.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/components/views/user-list.js -------------------------------------------------------------------------------- /guide-3-redux/app/components/views/user-profile.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/components/views/user-profile.js -------------------------------------------------------------------------------- /guide-3-redux/app/components/views/widget-list.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/components/views/widget-list.js -------------------------------------------------------------------------------- /guide-3-redux/app/reducers/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/reducers/index.js -------------------------------------------------------------------------------- /guide-3-redux/app/reducers/search-layout-reducer.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/reducers/search-layout-reducer.js -------------------------------------------------------------------------------- /guide-3-redux/app/reducers/user-reducer.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/reducers/user-reducer.js -------------------------------------------------------------------------------- /guide-3-redux/app/reducers/widget-reducer.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/reducers/widget-reducer.js -------------------------------------------------------------------------------- /guide-3-redux/app/router.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/router.js -------------------------------------------------------------------------------- /guide-3-redux/app/store.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/app/store.js -------------------------------------------------------------------------------- /guide-3-redux/data/restore.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/data/restore.json -------------------------------------------------------------------------------- /guide-3-redux/docs/action-strategies.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/docs/action-strategies.md -------------------------------------------------------------------------------- /guide-3-redux/docs/preview.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/docs/preview.gif -------------------------------------------------------------------------------- /guide-3-redux/gulpfile.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/gulpfile.js -------------------------------------------------------------------------------- /guide-3-redux/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/index.html -------------------------------------------------------------------------------- /guide-3-redux/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/package-lock.json -------------------------------------------------------------------------------- /guide-3-redux/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/package.json -------------------------------------------------------------------------------- /guide-3-redux/public/css/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/public/css/styles.css -------------------------------------------------------------------------------- /guide-3-redux/public/js/bundle.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/public/js/bundle.js -------------------------------------------------------------------------------- /guide-3-redux/public/js/bundle.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/public/js/bundle.map -------------------------------------------------------------------------------- /guide-3-redux/server.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/server.js -------------------------------------------------------------------------------- /guide-3-redux/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradwestfall/CSS-Tricks-React-Series/HEAD/guide-3-redux/webpack.config.js --------------------------------------------------------------------------------