├── .gitignore ├── 10_redux-thunk ├── .babelrc ├── README.md ├── index.html ├── package.json ├── src │ ├── App.js │ └── index.js ├── style.css └── webpack.config.js ├── 11_modular-css ├── .babelrc ├── README.md ├── index.css ├── index.html ├── package.json ├── src │ ├── App.css │ ├── App.js │ ├── ComponentSample.css │ ├── ComponentSample.js │ ├── SimpleImageContainer.css │ ├── SimpleImageContainer.js │ └── index.js └── webpack.config.js ├── 12_server-side ├── .babelrc ├── README.md ├── html.template.js ├── package.json ├── server.js ├── src │ ├── App.js │ ├── Header.js │ ├── Paragraphs.js │ ├── RandomNumber.js │ └── index.js └── webpack.config.js ├── 13_server-side-with-redux ├── .babelrc ├── html.template.js ├── package.json ├── server.js ├── src │ ├── App.js │ ├── index.js │ └── reducer.js └── webpack.config.js ├── 14_server-side-with-router ├── .babelrc ├── html.template.js ├── package.json ├── server.js ├── src │ ├── App.js │ ├── components │ │ ├── About.js │ │ ├── Chrome.js │ │ ├── Home.js │ │ ├── Location.js │ │ └── NotFound.js │ ├── index.js │ └── routes.js └── webpack.config.js ├── 15_reselect-dan-recompose ├── README.md ├── index.css ├── index.html ├── package.json ├── src │ ├── _DS_Store │ ├── components │ │ ├── AddTask.js │ │ ├── AllTasks.js │ │ ├── App.js │ │ ├── FinishedTasks.js │ │ ├── UnfinishedTasks.js │ │ └── style.css │ ├── helper │ │ └── constants.js │ ├── index.js │ └── store │ │ ├── actions.js │ │ ├── reducer.js │ │ └── selectors.js └── webpack.config.js ├── 1_pengenalan ├── 1-1_hello-world.html ├── 1-2_counter.html ├── 1-3_timer.html ├── 1-4_react-props.html ├── 1-5_olah_data.html └── README.md ├── 2_lanjutan ├── 2-1_dropdown.html ├── 2-2_color-picker.html ├── 2-3_svg-control.html └── README.md ├── 3_es6 ├── .babelrc ├── README.md ├── index.html ├── package.json ├── src │ ├── greetings.js │ └── index.js └── webpack.config.js ├── 4_es6-react ├── .babelrc ├── index.html ├── package.json ├── src │ ├── AnotherFunctionalComponent.js │ ├── FunctionalComponent.js │ ├── SimpleComponent.js │ └── index.js └── webpack.config.js ├── 5_es6-buat-ulang ├── .babelrc ├── build │ ├── bundle.js │ ├── example_color-picker.css │ ├── example_dropdown.css │ ├── example_svg-control.css │ └── generic.css ├── index.html ├── package.json ├── src │ ├── components │ │ ├── ColorDisplay.js │ │ ├── ColorPicker.js │ │ ├── Counter.js │ │ ├── Dropdown.js │ │ ├── SVGContainer.js │ │ ├── Tabular.js │ │ └── Timer.js │ └── index.js └── webpack.config.js ├── 6_redux-pengenalan ├── .babelrc ├── README.md ├── build │ └── bundle.js ├── index.html ├── package.json ├── src │ ├── actionCreators.js │ ├── index-1-basic.js │ ├── index-2-object.js │ └── index-3-best-practice.js └── webpack.config.js ├── 7_react-redux ├── .babelrc ├── build │ └── bundle.js ├── index.html ├── package.json ├── src │ ├── App.js │ ├── actions.js │ ├── index.js │ └── reducer.js └── webpack.config.js ├── 8_react-router ├── .babelrc ├── index.html ├── package.json ├── src │ ├── App.js │ └── index.js ├── style.css └── webpack.config.js ├── 9_testing ├── .babelrc ├── .setup.js ├── README.md ├── index.html ├── package.json ├── src │ ├── App.js │ ├── App.tests.js │ ├── componentHeader.js │ ├── componentInput.js │ ├── index.js │ ├── utils.js │ └── utils.tests.js ├── style.css └── webpack.config.js ├── README.md └── assets ├── example_color-picker.css ├── example_dropdown.css ├── example_svg-control.css └── generic.css /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | -------------------------------------------------------------------------------- /10_redux-thunk/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015", "react"] 3 | } -------------------------------------------------------------------------------- /10_redux-thunk/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/10_redux-thunk/README.md -------------------------------------------------------------------------------- /10_redux-thunk/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/10_redux-thunk/index.html -------------------------------------------------------------------------------- /10_redux-thunk/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/10_redux-thunk/package.json -------------------------------------------------------------------------------- /10_redux-thunk/src/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/10_redux-thunk/src/App.js -------------------------------------------------------------------------------- /10_redux-thunk/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/10_redux-thunk/src/index.js -------------------------------------------------------------------------------- /10_redux-thunk/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/10_redux-thunk/style.css -------------------------------------------------------------------------------- /10_redux-thunk/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/10_redux-thunk/webpack.config.js -------------------------------------------------------------------------------- /11_modular-css/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015", "react"] 3 | } -------------------------------------------------------------------------------- /11_modular-css/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/11_modular-css/README.md -------------------------------------------------------------------------------- /11_modular-css/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/11_modular-css/index.css -------------------------------------------------------------------------------- /11_modular-css/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/11_modular-css/index.html -------------------------------------------------------------------------------- /11_modular-css/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/11_modular-css/package.json -------------------------------------------------------------------------------- /11_modular-css/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/11_modular-css/src/App.css -------------------------------------------------------------------------------- /11_modular-css/src/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/11_modular-css/src/App.js -------------------------------------------------------------------------------- /11_modular-css/src/ComponentSample.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/11_modular-css/src/ComponentSample.css -------------------------------------------------------------------------------- /11_modular-css/src/ComponentSample.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/11_modular-css/src/ComponentSample.js -------------------------------------------------------------------------------- /11_modular-css/src/SimpleImageContainer.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/11_modular-css/src/SimpleImageContainer.css -------------------------------------------------------------------------------- /11_modular-css/src/SimpleImageContainer.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/11_modular-css/src/SimpleImageContainer.js -------------------------------------------------------------------------------- /11_modular-css/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/11_modular-css/src/index.js -------------------------------------------------------------------------------- /11_modular-css/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/11_modular-css/webpack.config.js -------------------------------------------------------------------------------- /12_server-side/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015", "react"] 3 | } -------------------------------------------------------------------------------- /12_server-side/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/12_server-side/README.md -------------------------------------------------------------------------------- /12_server-side/html.template.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/12_server-side/html.template.js -------------------------------------------------------------------------------- /12_server-side/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/12_server-side/package.json -------------------------------------------------------------------------------- /12_server-side/server.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/12_server-side/server.js -------------------------------------------------------------------------------- /12_server-side/src/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/12_server-side/src/App.js -------------------------------------------------------------------------------- /12_server-side/src/Header.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/12_server-side/src/Header.js -------------------------------------------------------------------------------- /12_server-side/src/Paragraphs.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/12_server-side/src/Paragraphs.js -------------------------------------------------------------------------------- /12_server-side/src/RandomNumber.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/12_server-side/src/RandomNumber.js -------------------------------------------------------------------------------- /12_server-side/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/12_server-side/src/index.js -------------------------------------------------------------------------------- /12_server-side/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/12_server-side/webpack.config.js -------------------------------------------------------------------------------- /13_server-side-with-redux/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015", "react"] 3 | } -------------------------------------------------------------------------------- /13_server-side-with-redux/html.template.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/13_server-side-with-redux/html.template.js -------------------------------------------------------------------------------- /13_server-side-with-redux/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/13_server-side-with-redux/package.json -------------------------------------------------------------------------------- /13_server-side-with-redux/server.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/13_server-side-with-redux/server.js -------------------------------------------------------------------------------- /13_server-side-with-redux/src/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/13_server-side-with-redux/src/App.js -------------------------------------------------------------------------------- /13_server-side-with-redux/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/13_server-side-with-redux/src/index.js -------------------------------------------------------------------------------- /13_server-side-with-redux/src/reducer.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/13_server-side-with-redux/src/reducer.js -------------------------------------------------------------------------------- /13_server-side-with-redux/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/13_server-side-with-redux/webpack.config.js -------------------------------------------------------------------------------- /14_server-side-with-router/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015", "react"] 3 | } -------------------------------------------------------------------------------- /14_server-side-with-router/html.template.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/14_server-side-with-router/html.template.js -------------------------------------------------------------------------------- /14_server-side-with-router/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/14_server-side-with-router/package.json -------------------------------------------------------------------------------- /14_server-side-with-router/server.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/14_server-side-with-router/server.js -------------------------------------------------------------------------------- /14_server-side-with-router/src/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/14_server-side-with-router/src/App.js -------------------------------------------------------------------------------- /14_server-side-with-router/src/components/About.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/14_server-side-with-router/src/components/About.js -------------------------------------------------------------------------------- /14_server-side-with-router/src/components/Chrome.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/14_server-side-with-router/src/components/Chrome.js -------------------------------------------------------------------------------- /14_server-side-with-router/src/components/Home.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/14_server-side-with-router/src/components/Home.js -------------------------------------------------------------------------------- /14_server-side-with-router/src/components/Location.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/14_server-side-with-router/src/components/Location.js -------------------------------------------------------------------------------- /14_server-side-with-router/src/components/NotFound.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/14_server-side-with-router/src/components/NotFound.js -------------------------------------------------------------------------------- /14_server-side-with-router/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/14_server-side-with-router/src/index.js -------------------------------------------------------------------------------- /14_server-side-with-router/src/routes.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/14_server-side-with-router/src/routes.js -------------------------------------------------------------------------------- /14_server-side-with-router/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/14_server-side-with-router/webpack.config.js -------------------------------------------------------------------------------- /15_reselect-dan-recompose/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/15_reselect-dan-recompose/README.md -------------------------------------------------------------------------------- /15_reselect-dan-recompose/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/15_reselect-dan-recompose/index.css -------------------------------------------------------------------------------- /15_reselect-dan-recompose/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/15_reselect-dan-recompose/index.html -------------------------------------------------------------------------------- /15_reselect-dan-recompose/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/15_reselect-dan-recompose/package.json -------------------------------------------------------------------------------- /15_reselect-dan-recompose/src/_DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/15_reselect-dan-recompose/src/_DS_Store -------------------------------------------------------------------------------- /15_reselect-dan-recompose/src/components/AddTask.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/15_reselect-dan-recompose/src/components/AddTask.js -------------------------------------------------------------------------------- /15_reselect-dan-recompose/src/components/AllTasks.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/15_reselect-dan-recompose/src/components/AllTasks.js -------------------------------------------------------------------------------- /15_reselect-dan-recompose/src/components/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/15_reselect-dan-recompose/src/components/App.js -------------------------------------------------------------------------------- /15_reselect-dan-recompose/src/components/FinishedTasks.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/15_reselect-dan-recompose/src/components/FinishedTasks.js -------------------------------------------------------------------------------- /15_reselect-dan-recompose/src/components/UnfinishedTasks.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/15_reselect-dan-recompose/src/components/UnfinishedTasks.js -------------------------------------------------------------------------------- /15_reselect-dan-recompose/src/components/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/15_reselect-dan-recompose/src/components/style.css -------------------------------------------------------------------------------- /15_reselect-dan-recompose/src/helper/constants.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/15_reselect-dan-recompose/src/helper/constants.js -------------------------------------------------------------------------------- /15_reselect-dan-recompose/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/15_reselect-dan-recompose/src/index.js -------------------------------------------------------------------------------- /15_reselect-dan-recompose/src/store/actions.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/15_reselect-dan-recompose/src/store/actions.js -------------------------------------------------------------------------------- /15_reselect-dan-recompose/src/store/reducer.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/15_reselect-dan-recompose/src/store/reducer.js -------------------------------------------------------------------------------- /15_reselect-dan-recompose/src/store/selectors.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/15_reselect-dan-recompose/src/store/selectors.js -------------------------------------------------------------------------------- /15_reselect-dan-recompose/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/15_reselect-dan-recompose/webpack.config.js -------------------------------------------------------------------------------- /1_pengenalan/1-1_hello-world.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/1_pengenalan/1-1_hello-world.html -------------------------------------------------------------------------------- /1_pengenalan/1-2_counter.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/1_pengenalan/1-2_counter.html -------------------------------------------------------------------------------- /1_pengenalan/1-3_timer.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/1_pengenalan/1-3_timer.html -------------------------------------------------------------------------------- /1_pengenalan/1-4_react-props.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/1_pengenalan/1-4_react-props.html -------------------------------------------------------------------------------- /1_pengenalan/1-5_olah_data.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/1_pengenalan/1-5_olah_data.html -------------------------------------------------------------------------------- /1_pengenalan/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/1_pengenalan/README.md -------------------------------------------------------------------------------- /2_lanjutan/2-1_dropdown.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/2_lanjutan/2-1_dropdown.html -------------------------------------------------------------------------------- /2_lanjutan/2-2_color-picker.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/2_lanjutan/2-2_color-picker.html -------------------------------------------------------------------------------- /2_lanjutan/2-3_svg-control.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/2_lanjutan/2-3_svg-control.html -------------------------------------------------------------------------------- /2_lanjutan/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/2_lanjutan/README.md -------------------------------------------------------------------------------- /3_es6/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets" : ["es2015"] 3 | } -------------------------------------------------------------------------------- /3_es6/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/3_es6/README.md -------------------------------------------------------------------------------- /3_es6/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/3_es6/index.html -------------------------------------------------------------------------------- /3_es6/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/3_es6/package.json -------------------------------------------------------------------------------- /3_es6/src/greetings.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/3_es6/src/greetings.js -------------------------------------------------------------------------------- /3_es6/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/3_es6/src/index.js -------------------------------------------------------------------------------- /3_es6/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/3_es6/webpack.config.js -------------------------------------------------------------------------------- /4_es6-react/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets" : ["es2015", "react"] 3 | } -------------------------------------------------------------------------------- /4_es6-react/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/4_es6-react/index.html -------------------------------------------------------------------------------- /4_es6-react/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/4_es6-react/package.json -------------------------------------------------------------------------------- /4_es6-react/src/AnotherFunctionalComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/4_es6-react/src/AnotherFunctionalComponent.js -------------------------------------------------------------------------------- /4_es6-react/src/FunctionalComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/4_es6-react/src/FunctionalComponent.js -------------------------------------------------------------------------------- /4_es6-react/src/SimpleComponent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/4_es6-react/src/SimpleComponent.js -------------------------------------------------------------------------------- /4_es6-react/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/4_es6-react/src/index.js -------------------------------------------------------------------------------- /4_es6-react/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/4_es6-react/webpack.config.js -------------------------------------------------------------------------------- /5_es6-buat-ulang/.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/5_es6-buat-ulang/.babelrc -------------------------------------------------------------------------------- /5_es6-buat-ulang/build/bundle.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/5_es6-buat-ulang/build/bundle.js -------------------------------------------------------------------------------- /5_es6-buat-ulang/build/example_color-picker.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/5_es6-buat-ulang/build/example_color-picker.css -------------------------------------------------------------------------------- /5_es6-buat-ulang/build/example_dropdown.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/5_es6-buat-ulang/build/example_dropdown.css -------------------------------------------------------------------------------- /5_es6-buat-ulang/build/example_svg-control.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/5_es6-buat-ulang/build/example_svg-control.css -------------------------------------------------------------------------------- /5_es6-buat-ulang/build/generic.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/5_es6-buat-ulang/build/generic.css -------------------------------------------------------------------------------- /5_es6-buat-ulang/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/5_es6-buat-ulang/index.html -------------------------------------------------------------------------------- /5_es6-buat-ulang/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/5_es6-buat-ulang/package.json -------------------------------------------------------------------------------- /5_es6-buat-ulang/src/components/ColorDisplay.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/5_es6-buat-ulang/src/components/ColorDisplay.js -------------------------------------------------------------------------------- /5_es6-buat-ulang/src/components/ColorPicker.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/5_es6-buat-ulang/src/components/ColorPicker.js -------------------------------------------------------------------------------- /5_es6-buat-ulang/src/components/Counter.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/5_es6-buat-ulang/src/components/Counter.js -------------------------------------------------------------------------------- /5_es6-buat-ulang/src/components/Dropdown.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/5_es6-buat-ulang/src/components/Dropdown.js -------------------------------------------------------------------------------- /5_es6-buat-ulang/src/components/SVGContainer.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/5_es6-buat-ulang/src/components/SVGContainer.js -------------------------------------------------------------------------------- /5_es6-buat-ulang/src/components/Tabular.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/5_es6-buat-ulang/src/components/Tabular.js -------------------------------------------------------------------------------- /5_es6-buat-ulang/src/components/Timer.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/5_es6-buat-ulang/src/components/Timer.js -------------------------------------------------------------------------------- /5_es6-buat-ulang/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/5_es6-buat-ulang/src/index.js -------------------------------------------------------------------------------- /5_es6-buat-ulang/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/5_es6-buat-ulang/webpack.config.js -------------------------------------------------------------------------------- /6_redux-pengenalan/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015"] 3 | } -------------------------------------------------------------------------------- /6_redux-pengenalan/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/6_redux-pengenalan/README.md -------------------------------------------------------------------------------- /6_redux-pengenalan/build/bundle.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/6_redux-pengenalan/build/bundle.js -------------------------------------------------------------------------------- /6_redux-pengenalan/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/6_redux-pengenalan/index.html -------------------------------------------------------------------------------- /6_redux-pengenalan/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/6_redux-pengenalan/package.json -------------------------------------------------------------------------------- /6_redux-pengenalan/src/actionCreators.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/6_redux-pengenalan/src/actionCreators.js -------------------------------------------------------------------------------- /6_redux-pengenalan/src/index-1-basic.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/6_redux-pengenalan/src/index-1-basic.js -------------------------------------------------------------------------------- /6_redux-pengenalan/src/index-2-object.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/6_redux-pengenalan/src/index-2-object.js -------------------------------------------------------------------------------- /6_redux-pengenalan/src/index-3-best-practice.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/6_redux-pengenalan/src/index-3-best-practice.js -------------------------------------------------------------------------------- /6_redux-pengenalan/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/6_redux-pengenalan/webpack.config.js -------------------------------------------------------------------------------- /7_react-redux/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015", "react"] 3 | } -------------------------------------------------------------------------------- /7_react-redux/build/bundle.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/7_react-redux/build/bundle.js -------------------------------------------------------------------------------- /7_react-redux/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/7_react-redux/index.html -------------------------------------------------------------------------------- /7_react-redux/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/7_react-redux/package.json -------------------------------------------------------------------------------- /7_react-redux/src/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/7_react-redux/src/App.js -------------------------------------------------------------------------------- /7_react-redux/src/actions.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/7_react-redux/src/actions.js -------------------------------------------------------------------------------- /7_react-redux/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/7_react-redux/src/index.js -------------------------------------------------------------------------------- /7_react-redux/src/reducer.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/7_react-redux/src/reducer.js -------------------------------------------------------------------------------- /7_react-redux/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/7_react-redux/webpack.config.js -------------------------------------------------------------------------------- /8_react-router/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015", "react"] 3 | } -------------------------------------------------------------------------------- /8_react-router/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/8_react-router/index.html -------------------------------------------------------------------------------- /8_react-router/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/8_react-router/package.json -------------------------------------------------------------------------------- /8_react-router/src/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/8_react-router/src/App.js -------------------------------------------------------------------------------- /8_react-router/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/8_react-router/src/index.js -------------------------------------------------------------------------------- /8_react-router/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/8_react-router/style.css -------------------------------------------------------------------------------- /8_react-router/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/8_react-router/webpack.config.js -------------------------------------------------------------------------------- /9_testing/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015", "react"] 3 | } -------------------------------------------------------------------------------- /9_testing/.setup.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/9_testing/.setup.js -------------------------------------------------------------------------------- /9_testing/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/9_testing/README.md -------------------------------------------------------------------------------- /9_testing/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/9_testing/index.html -------------------------------------------------------------------------------- /9_testing/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/9_testing/package.json -------------------------------------------------------------------------------- /9_testing/src/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/9_testing/src/App.js -------------------------------------------------------------------------------- /9_testing/src/App.tests.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/9_testing/src/App.tests.js -------------------------------------------------------------------------------- /9_testing/src/componentHeader.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/9_testing/src/componentHeader.js -------------------------------------------------------------------------------- /9_testing/src/componentInput.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/9_testing/src/componentInput.js -------------------------------------------------------------------------------- /9_testing/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/9_testing/src/index.js -------------------------------------------------------------------------------- /9_testing/src/utils.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/9_testing/src/utils.js -------------------------------------------------------------------------------- /9_testing/src/utils.tests.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/9_testing/src/utils.tests.js -------------------------------------------------------------------------------- /9_testing/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/9_testing/style.css -------------------------------------------------------------------------------- /9_testing/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/9_testing/webpack.config.js -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/README.md -------------------------------------------------------------------------------- /assets/example_color-picker.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/assets/example_color-picker.css -------------------------------------------------------------------------------- /assets/example_dropdown.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/assets/example_dropdown.css -------------------------------------------------------------------------------- /assets/example_svg-control.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/assets/example_svg-control.css -------------------------------------------------------------------------------- /assets/generic.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arisetyo/belajar-react/HEAD/assets/generic.css --------------------------------------------------------------------------------