├── .gitignore ├── README.md ├── Section 04 ES6 with react ├── .gitignore ├── ES6 React Examples Series │ ├── .gitignore │ ├── README.md │ ├── lessons │ │ ├── 00-setup │ │ │ ├── App.js │ │ │ ├── index.html │ │ │ ├── main.js │ │ │ ├── package.json │ │ │ └── webpack.config.js │ │ ├── 01-intro │ │ │ ├── App.js │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 02-render │ │ │ ├── App.js │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 03-properties │ │ │ ├── App.js │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 04-state │ │ │ ├── App.js │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 05-owner-ownee │ │ │ ├── App.js │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 06-refs │ │ │ ├── App.js │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 07-child-properties │ │ │ ├── App.js │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 08-lifecycle-mounting │ │ │ ├── App.js │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 09-lifecycle-mounting-usage │ │ │ ├── App.js │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 10-lifecycle-updates │ │ │ ├── App.js │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 11-higher-order │ │ │ ├── App.js │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 12-composable │ │ │ ├── App.js │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 13-dynamic │ │ │ ├── App.js │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 16-precompile │ │ │ ├── dist.js │ │ │ ├── index.html │ │ │ ├── src.js │ │ │ └── style.css │ │ └── index.html │ ├── package.json │ └── webpack.config.js ├── ES6 React Starter App │ ├── README.md │ ├── index.html │ ├── index.js │ ├── modules │ │ └── App.js │ ├── package.json │ └── webpack.config.js ├── ES6 Webpack React Router │ ├── .gitignore │ └── lessons │ │ ├── 01-setting-up │ │ ├── README.md │ │ ├── index.html │ │ ├── index.js │ │ ├── modules │ │ │ ├── About.js │ │ │ └── App.js │ │ ├── package.json │ │ └── webpack.config.js │ │ ├── 02-rendering-a-route │ │ ├── README.md │ │ ├── index.html │ │ ├── index.js │ │ ├── modules │ │ │ └── App.js │ │ ├── package.json │ │ └── webpack.config.js │ │ ├── 03-navigating-with-link │ │ ├── README.md │ │ ├── index.html │ │ ├── index.js │ │ ├── modules │ │ │ ├── About.js │ │ │ ├── App.js │ │ │ └── Repos.js │ │ ├── package.json │ │ └── webpack.config.js │ │ ├── 04-nested-routes │ │ ├── README.md │ │ ├── index.html │ │ ├── index.js │ │ ├── modules │ │ │ ├── About.js │ │ │ ├── App.js │ │ │ └── Repos.js │ │ ├── package.json │ │ └── webpack.config.js │ │ ├── 05-active-links │ │ ├── README.md │ │ ├── index.html │ │ ├── index.js │ │ ├── modules │ │ │ ├── About.js │ │ │ ├── App.js │ │ │ └── Repos.js │ │ ├── package.json │ │ └── webpack.config.js │ │ ├── 06-params │ │ ├── README.md │ │ ├── index.css │ │ ├── index.html │ │ ├── index.js │ │ ├── modules │ │ │ ├── About.js │ │ │ ├── App.js │ │ │ ├── NavLink.js │ │ │ └── Repos.js │ │ ├── package.json │ │ └── webpack.config.js │ │ ├── 07-more-nesting │ │ ├── README.md │ │ ├── index.css │ │ ├── index.html │ │ ├── index.js │ │ ├── modules │ │ │ ├── About.js │ │ │ ├── App.js │ │ │ ├── NavLink.js │ │ │ ├── Repo.js │ │ │ └── Repos.js │ │ ├── package.json │ │ └── webpack.config.js │ │ ├── 08-index-routes │ │ ├── README.md │ │ ├── index.css │ │ ├── index.html │ │ ├── index.js │ │ ├── modules │ │ │ ├── About.js │ │ │ ├── App.js │ │ │ ├── NavLink.js │ │ │ ├── Repo.js │ │ │ └── Repos.js │ │ ├── package.json │ │ └── webpack.config.js │ │ ├── 09-index-links │ │ ├── README.md │ │ ├── index.css │ │ ├── index.html │ │ ├── index.js │ │ ├── modules │ │ │ ├── About.js │ │ │ ├── App.js │ │ │ ├── Home.js │ │ │ ├── NavLink.js │ │ │ ├── Repo.js │ │ │ └── Repos.js │ │ ├── package.json │ │ └── webpack.config.js │ │ ├── 10-clean-urls │ │ ├── README.md │ │ ├── index.css │ │ ├── index.html │ │ ├── index.js │ │ ├── modules │ │ │ ├── About.js │ │ │ ├── App.js │ │ │ ├── Home.js │ │ │ ├── NavLink.js │ │ │ ├── Repo.js │ │ │ └── Repos.js │ │ ├── package.json │ │ └── webpack.config.js │ │ ├── 11-productionish-server │ │ ├── README.md │ │ ├── index.css │ │ ├── index.html │ │ ├── index.js │ │ ├── modules │ │ │ ├── About.js │ │ │ ├── App.js │ │ │ ├── Home.js │ │ │ ├── NavLink.js │ │ │ ├── Repo.js │ │ │ └── Repos.js │ │ ├── package.json │ │ └── webpack.config.js │ │ ├── 12-navigating │ │ ├── README.md │ │ ├── index.js │ │ ├── modules │ │ │ ├── About.js │ │ │ ├── App.js │ │ │ ├── Home.js │ │ │ ├── NavLink.js │ │ │ ├── Repo.js │ │ │ └── Repos.js │ │ ├── package.json │ │ ├── public │ │ │ ├── index.css │ │ │ └── index.html │ │ ├── server.js │ │ └── webpack.config.js │ │ └── 14-whats-next │ │ ├── README.md │ │ ├── index.js │ │ ├── modules │ │ ├── About.js │ │ ├── App.js │ │ ├── Home.js │ │ ├── NavLink.js │ │ ├── Repo.js │ │ ├── Repos.js │ │ └── routes.js │ │ ├── package.json │ │ ├── public │ │ └── index.css │ │ ├── server.js │ │ ├── webpack.config.js │ │ └── webpack.server.config.js └── React JS-ES6 YouTube App │ ├── Quick Starter App │ ├── .babelrc │ ├── .gitignore │ ├── index.html │ ├── package.json │ ├── src │ │ ├── components │ │ │ ├── Video_list.js │ │ │ ├── search_bar.js │ │ │ ├── video_details.js │ │ │ └── video_list_item.js │ │ └── index.js │ ├── style │ │ └── style.css │ └── webpack.config.js │ ├── ReduxCasts-011-component-structure │ ├── .babelrc │ ├── .gitignore │ ├── index.html │ ├── package.json │ ├── src │ │ ├── components │ │ │ ├── search_bar.js │ │ │ ├── video_detail.js │ │ │ ├── video_list.js │ │ │ └── video_list_item.js │ │ └── index.js │ ├── style │ │ └── style.css │ └── webpack.config.js │ ├── ReduxCasts-012-youtube-api-signup │ ├── .babelrc │ ├── .gitignore │ ├── index.html │ ├── package.json │ ├── src │ │ ├── components │ │ │ ├── search_bar.js │ │ │ ├── video_detail.js │ │ │ ├── video_list.js │ │ │ └── video_list_item.js │ │ └── index.js │ ├── style │ │ └── style.css │ └── webpack.config.js │ ├── ReduxCasts-014-es6-classes │ ├── .babelrc │ ├── .gitignore │ ├── index.html │ ├── package.json │ ├── src │ │ ├── components │ │ │ ├── search_bar.js │ │ │ ├── video_detail.js │ │ │ ├── video_list.js │ │ │ └── video_list_item.js │ │ └── index.js │ ├── style │ │ └── style.css │ └── webpack.config.js │ ├── ReduxCasts-017-state2 │ ├── .babelrc │ ├── .gitignore │ ├── index.html │ ├── package.json │ ├── src │ │ ├── components │ │ │ ├── search_bar.js │ │ │ ├── video_detail.js │ │ │ ├── video_list.js │ │ │ └── video_list_item.js │ │ └── index.js │ ├── style │ │ └── style.css │ └── webpack.config.js │ ├── ReduxCasts-018-controlled-components │ ├── .babelrc │ ├── .gitignore │ ├── index.html │ ├── package.json │ ├── src │ │ ├── components │ │ │ ├── search_bar.js │ │ │ ├── video_detail.js │ │ │ ├── video_list.js │ │ │ └── video_list_item.js │ │ └── index.js │ ├── style │ │ └── style.css │ └── webpack.config.js │ ├── ReduxCasts-20-refactor-app-to-class │ ├── .babelrc │ ├── .gitignore │ ├── index.html │ ├── package.json │ ├── src │ │ ├── components │ │ │ ├── search_bar.js │ │ │ ├── video_detail.js │ │ │ ├── video_list.js │ │ │ └── video_list_item.js │ │ └── index.js │ ├── style │ │ └── style.css │ └── webpack.config.js │ ├── ReduxCasts-22-props │ ├── .babelrc │ ├── .gitignore │ ├── index.html │ ├── package.json │ ├── src │ │ ├── components │ │ │ ├── search_bar.js │ │ │ ├── video_detail.js │ │ │ ├── video_list.js │ │ │ └── video_list_item.js │ │ └── index.js │ ├── style │ │ └── style.css │ └── webpack.config.js │ ├── ReduxCasts-24-list-item-keys │ ├── .babelrc │ ├── .gitignore │ ├── index.html │ ├── package.json │ ├── src │ │ ├── components │ │ │ ├── search_bar.js │ │ │ ├── video_detail.js │ │ │ ├── video_list.js │ │ │ └── video_list_item.js │ │ └── index.js │ ├── style │ │ └── style.css │ └── webpack.config.js │ ├── ReduxCasts-26-detail-component │ ├── .babelrc │ ├── .gitignore │ ├── index.html │ ├── package.json │ ├── src │ │ ├── components │ │ │ ├── search_bar.js │ │ │ ├── video_detail.js │ │ │ ├── video_list.js │ │ │ └── video_list_item.js │ │ └── index.js │ ├── style │ │ └── style.css │ └── webpack.config.js │ ├── ReduxCasts-28-video-selection │ ├── .babelrc │ ├── .gitignore │ ├── index.html │ ├── package.json │ ├── src │ │ ├── components │ │ │ ├── search_bar.js │ │ │ ├── video_detail.js │ │ │ ├── video_list.js │ │ │ └── video_list_item.js │ │ └── index.js │ ├── style │ │ └── style.css │ └── webpack.config.js │ └── ReduxCasts-30-searching-for-content │ ├── .babelrc │ ├── .gitignore │ ├── index.html │ ├── package.json │ ├── src │ ├── components │ │ ├── search_bar.js │ │ ├── video_detail.js │ │ ├── video_list.js │ │ └── video_list_item.js │ └── index.js │ ├── style │ └── style.css │ └── webpack.config.js ├── Section 05 Flux Pattern ├── React ES6 TodoApp Flux │ ├── .gitignore │ ├── README.md │ ├── app │ │ ├── App.js │ │ ├── actions │ │ │ └── todoActions.js │ │ ├── components │ │ │ ├── AddItem.js │ │ │ ├── List.js │ │ │ └── ListContainer.js │ │ ├── constants │ │ │ └── appConstants.js │ │ ├── dispatcher │ │ │ └── AppDispatcher.js │ │ └── stores │ │ │ └── todoStore.js │ ├── index.html │ ├── package.json │ ├── public │ │ └── index.html │ └── webpack.config.js ├── React JS Routing with Flux │ ├── .gitignore │ ├── npm-debug.log │ ├── package.json │ ├── src │ │ ├── client.min.js │ │ ├── index.html │ │ └── js │ │ │ ├── actions │ │ │ └── TodoActions.js │ │ │ ├── client.js │ │ │ ├── components │ │ │ ├── Todo.js │ │ │ └── layout │ │ │ │ ├── Footer.js │ │ │ │ └── Nav.js │ │ │ ├── dispatcher.js │ │ │ ├── pages │ │ │ ├── Favorites.js │ │ │ ├── Layout.js │ │ │ ├── Settings.js │ │ │ └── Todos.js │ │ │ └── stores │ │ │ └── TodoStore.js │ └── webpack.config.js └── flux │ ├── README.md │ ├── index.html │ ├── javascripts │ ├── actions │ │ └── TodoActions.js │ ├── app.js │ ├── bundle.js │ ├── components │ │ ├── Footer.js │ │ ├── Header.js │ │ ├── MainSection.js │ │ ├── TodoApp.js │ │ ├── TodoItem.js │ │ └── TodoTextInput.js │ ├── constants │ │ └── TodoConstants.js │ ├── dispatcher │ │ └── AppDispatcher.js │ └── stores │ │ └── TodoStore.js │ ├── package.json │ ├── structure.jpg │ ├── stylesheet │ ├── base.css │ └── bg.png │ └── webpack.config.js ├── Section 06 React JS Redux ├── .gitignore ├── ES5 App Shopping Cart │ ├── .gitignore │ ├── README.md │ ├── data │ │ └── products.js │ ├── images │ │ ├── 01.jpg │ │ ├── 02.jpg │ │ ├── 03.jpg │ │ ├── 04.jpg │ │ ├── 05.jpg │ │ └── 06.jpg │ ├── index.html │ ├── package.json │ ├── scripts │ │ ├── components │ │ │ ├── cart.js │ │ │ ├── product.js │ │ │ └── products-list.js │ │ └── libs │ │ │ ├── JSXTransformer.js │ │ │ ├── jquery.ba-tinypubsub.js │ │ │ ├── jquery.min.js │ │ │ └── react.min.js │ └── styles │ │ ├── bootstrap.min.css │ │ └── main.css ├── ES6 React Router App │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public │ │ ├── bootstrap.min.css │ │ └── index.html │ ├── src │ │ ├── App.js │ │ ├── Routes.js │ │ ├── api │ │ │ └── API.js │ │ └── components │ │ │ ├── Content │ │ │ └── Content.js │ │ │ ├── Footer │ │ │ └── Footer.js │ │ │ ├── Header │ │ │ └── Header.js │ │ │ ├── Layout.js │ │ │ ├── Links │ │ │ └── Links.js │ │ │ └── Pages │ │ │ ├── Contact.js │ │ │ ├── Home.js │ │ │ └── Signup.js │ └── webpack.config.js ├── ES6 Redux App blog │ ├── .babelrc │ ├── .gitignore │ ├── README.md │ ├── apiserver │ │ ├── .gitignore │ │ ├── Gemfile │ │ ├── Gemfile.lock │ │ ├── Procfile │ │ ├── README.md │ │ ├── Rakefile │ │ ├── app.json │ │ ├── app │ │ │ ├── assets │ │ │ │ ├── images │ │ │ │ │ ├── .keep │ │ │ │ │ └── lang-logo.png │ │ │ │ ├── javascripts │ │ │ │ │ ├── application.js │ │ │ │ │ ├── posts.js.coffee │ │ │ │ │ ├── welcome.js.coffee │ │ │ │ │ └── widgets.js.coffee │ │ │ │ └── stylesheets │ │ │ │ │ ├── application.css │ │ │ │ │ ├── posts.scss │ │ │ │ │ ├── scaffolds.css.scss │ │ │ │ │ ├── scaffolds.scss │ │ │ │ │ ├── theme.css.scss │ │ │ │ │ ├── welcome.css.scss │ │ │ │ │ └── widgets.css.scss │ │ │ ├── controllers │ │ │ │ ├── api │ │ │ │ │ └── posts_controller.rb │ │ │ │ ├── application_controller.rb │ │ │ │ ├── concerns │ │ │ │ │ └── .keep │ │ │ │ ├── welcome_controller.rb │ │ │ │ └── widgets_controller.rb │ │ │ ├── helpers │ │ │ │ ├── application_helper.rb │ │ │ │ ├── posts_helper.rb │ │ │ │ ├── welcome_helper.rb │ │ │ │ └── widgets_helper.rb │ │ │ ├── mailers │ │ │ │ └── .keep │ │ │ ├── models │ │ │ │ ├── .keep │ │ │ │ ├── concerns │ │ │ │ │ └── .keep │ │ │ │ ├── post.rb │ │ │ │ └── widget.rb │ │ │ └── views │ │ │ │ ├── api │ │ │ │ └── posts │ │ │ │ │ ├── _form.html.erb │ │ │ │ │ ├── edit.html.erb │ │ │ │ │ ├── index.html.erb │ │ │ │ │ ├── index.json.jbuilder │ │ │ │ │ ├── new.html.erb │ │ │ │ │ ├── show.html.erb │ │ │ │ │ └── show.json.jbuilder │ │ │ │ ├── layouts │ │ │ │ └── application.html.erb │ │ │ │ └── welcome │ │ │ │ └── index.erb │ │ ├── bin │ │ │ ├── bundle │ │ │ ├── rails │ │ │ ├── rake │ │ │ └── spring │ │ ├── config.ru │ │ ├── config │ │ │ ├── application.rb │ │ │ ├── boot.rb │ │ │ ├── database.yml │ │ │ ├── environment.rb │ │ │ ├── environments │ │ │ │ ├── development.rb │ │ │ │ ├── production.rb │ │ │ │ └── test.rb │ │ │ ├── initializers │ │ │ │ ├── assets.rb │ │ │ │ ├── backtrace_silencers.rb │ │ │ │ ├── cookies_serializer.rb │ │ │ │ ├── filter_parameter_logging.rb │ │ │ │ ├── inflections.rb │ │ │ │ ├── mime_types.rb │ │ │ │ ├── rack-attack.rb │ │ │ │ ├── session_store.rb │ │ │ │ └── wrap_parameters.rb │ │ │ ├── locales │ │ │ │ └── en.yml │ │ │ ├── puma.rb │ │ │ ├── routes.rb │ │ │ └── secrets.yml │ │ ├── db │ │ │ ├── migrate │ │ │ │ ├── 20140707111715_create_widgets.rb │ │ │ │ ├── 20160116205902_create_posts.rb │ │ │ │ └── 20160117033115_adduseridtoposts.rb │ │ │ ├── schema.rb │ │ │ └── seeds.rb │ │ ├── lib │ │ │ ├── assets │ │ │ │ └── .keep │ │ │ └── tasks │ │ │ │ └── .keep │ │ ├── log │ │ │ └── .keep │ │ ├── public │ │ │ ├── 404.html │ │ │ ├── 422.html │ │ │ ├── 500.html │ │ │ ├── favicon.ico │ │ │ └── robots.txt │ │ ├── test │ │ │ ├── controllers │ │ │ │ ├── .keep │ │ │ │ ├── posts_controller_test.rb │ │ │ │ ├── welcome_controller_test.rb │ │ │ │ └── widgets_controller_test.rb │ │ │ ├── fixtures │ │ │ │ ├── .keep │ │ │ │ ├── posts.yml │ │ │ │ └── widgets.yml │ │ │ ├── helpers │ │ │ │ ├── .keep │ │ │ │ ├── welcome_helper_test.rb │ │ │ │ └── widgets_helper_test.rb │ │ │ ├── integration │ │ │ │ └── .keep │ │ │ ├── mailers │ │ │ │ └── .keep │ │ │ ├── models │ │ │ │ ├── .keep │ │ │ │ ├── post_test.rb │ │ │ │ └── widget_test.rb │ │ │ └── test_helper.rb │ │ └── vendor │ │ │ └── assets │ │ │ ├── javascripts │ │ │ └── .keep │ │ │ └── stylesheets │ │ │ └── .keep │ ├── index.html │ ├── package.json │ ├── src │ │ ├── actions │ │ │ └── index.js │ │ ├── components │ │ │ ├── app.js │ │ │ ├── posts_index.js │ │ │ ├── posts_new.js │ │ │ └── posts_show.js │ │ ├── index.js │ │ ├── reducers │ │ │ ├── index.js │ │ │ └── reducer_posts.js │ │ └── routes.js │ ├── style │ │ └── style.css │ └── webpack.config.js ├── ES6 Redux App Books │ ├── .babelrc │ ├── .gitignore │ ├── index.html │ ├── package.json │ ├── src │ │ ├── actions │ │ │ └── index.js │ │ ├── components │ │ │ └── app.js │ │ ├── containers │ │ │ ├── book-detail.js │ │ │ └── book-list.js │ │ ├── index.js │ │ └── reducers │ │ │ ├── index.js │ │ │ ├── reducer_active_book.js │ │ │ └── reducer_books.js │ ├── style │ │ └── style.css │ └── webpack.config.js ├── ES6 Redux App Weather │ ├── .babelrc │ ├── .gitignore │ ├── index.html │ ├── package.json │ ├── src │ │ ├── actions │ │ │ └── index.js │ │ ├── components │ │ │ ├── app.js │ │ │ ├── chart.js │ │ │ └── google_map.js │ │ ├── containers │ │ │ ├── search_bar.js │ │ │ └── weather_list.js │ │ ├── index.js │ │ └── reducers │ │ │ ├── index.js │ │ │ └── reducer_weather.js │ ├── style │ │ └── style.css │ └── webpack.config.js ├── ES6 Redux App │ ├── .gitignore │ ├── README.md │ ├── bundle.js │ ├── index.html │ ├── index.js │ ├── javascripts │ │ ├── actions │ │ │ └── todos.js │ │ ├── components │ │ │ ├── Footer.js │ │ │ ├── Header.js │ │ │ ├── MainSection.js │ │ │ ├── TodoItem.js │ │ │ └── TodoTextInput.js │ │ ├── constants │ │ │ ├── ActionTypes.js │ │ │ └── TodoFilters.js │ │ ├── containers │ │ │ └── App.js │ │ ├── reducers │ │ │ ├── index.js │ │ │ └── todos.js │ │ └── store │ │ │ └── configureStore.js │ ├── package.json │ ├── stylesheets │ │ └── base.css │ └── webpack.config.js └── ReduxSimpleStarte-App01 │ ├── .babelrc │ ├── .gitignore │ ├── README.md │ ├── index.html │ ├── package.json │ ├── src │ ├── actions │ │ └── index.js │ ├── components │ │ ├── app.js │ │ ├── posts_index.js │ │ ├── posts_new.js │ │ └── posts_show.js │ ├── index.js │ ├── reducers │ │ ├── index.js │ │ └── reducer_posts.js │ ├── route.js │ └── routes.js │ ├── style │ └── style.css │ ├── test │ ├── components │ │ └── app_test.js │ └── test_helper.js │ └── webpack.config.js ├── Section-01 -React introduction & Installation ├── .gitignore ├── Everything about webpack │ └── learn-webpack-master │ │ ├── example1_very_vasic_configuration │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── greeting.js │ │ │ └── index.js │ │ └── webpack.config.js │ │ ├── example2_multiple_entries │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ ├── account.js │ │ │ ├── home.js │ │ │ └── user.js │ │ └── webpack.config.js │ │ ├── example3_using_loaders │ │ ├── .babelrc │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ └── index.js │ │ └── webpack.config.js │ │ ├── example4_working_with_styles │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ └── index.js │ │ ├── webpack.autoprefixer.config.js │ │ ├── webpack.extracttext.config.js │ │ └── webpack.styles.config.js │ │ ├── example5_commons_chunk │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ ├── a.js │ │ │ ├── b.js │ │ │ ├── c.js │ │ │ ├── image.png │ │ │ ├── imageA.png │ │ │ ├── imageB.png │ │ │ ├── imageC.png │ │ │ ├── style.css │ │ │ ├── styleA.css │ │ │ ├── styleB.css │ │ │ └── styleC.css │ │ └── webpack.config.js │ │ ├── example6_vendors_chunk │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ └── index.js │ │ └── webpack.config.js │ │ ├── example7_setting_up_a_development_environment │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ ├── index.js │ │ │ ├── moduleA.js │ │ │ ├── moduleB.js │ │ │ └── style.css │ │ └── webpack.config.js │ │ └── example8_deploying_to_production │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ ├── index.js │ │ ├── moduleA.js │ │ ├── moduleB.js │ │ └── style.css │ │ └── webpack.config.js ├── Hello World Angular 2.x │ ├── .editorconfig │ ├── .gitignore │ ├── .project │ ├── README.md │ ├── app │ │ ├── app.component.js │ │ ├── app.component.js.map │ │ ├── app.component.ts │ │ ├── boot.js │ │ ├── boot.js.map │ │ └── boot.ts │ ├── index.html │ ├── package.json │ └── tsconfig.json ├── Hello World Using Webpack │ ├── .gitignore │ ├── app │ │ ├── index.html │ │ └── index.js │ ├── dist │ │ ├── index.html │ │ └── index_bundle.js │ ├── index.html │ ├── npm-debug.log │ ├── package.json │ └── webpack.config.js ├── Hello World without NPM │ ├── README.md │ ├── bootstrap.min.css │ ├── index.html │ ├── react.js │ └── transformer.js ├── README.md └── links.md ├── Section-02 -React Building Blocks ├── 02-Basic React Component using CreateElement │ ├── .babelrc │ ├── .gitignore │ ├── app │ │ ├── index.html │ │ └── index.js │ ├── dist │ │ ├── bundle.js │ │ ├── bundle.js.map │ │ └── index.html │ ├── package.json │ └── webpack.config.js ├── 03-Accessing the Props Obj in React component │ ├── .babelrc │ ├── .gitignore │ ├── app │ │ ├── index.html │ │ ├── index.js │ │ └── style.js │ ├── dist │ │ ├── bundle.js │ │ ├── bundle.js.map │ │ └── index.html │ ├── package.json │ └── webpack.config.js ├── 03-Nested Components in React JS │ ├── .babelrc │ ├── .gitignore │ ├── app │ │ ├── index.html │ │ └── index.js │ ├── dist │ │ ├── bundle.js │ │ ├── bundle.js.map │ │ └── index.html │ ├── package.json │ └── webpack.config.js ├── 03-React JS Nested Components and Props │ ├── .babelrc │ ├── .gitignore │ ├── app │ │ ├── index.html │ │ └── index.js │ ├── package.json │ └── webpack.config.js ├── 04-Event Handeling in React component │ ├── .babelrc │ ├── .gitignore │ ├── app │ │ ├── index.html │ │ └── index.js │ ├── dist │ │ ├── bundle.js │ │ ├── bundle.js.map │ │ └── index.html │ ├── package.json │ └── webpack.config.js ├── 04-Initilize the React Component State │ ├── .babelrc │ ├── .gitignore │ ├── app │ │ ├── index.html │ │ └── index.js │ ├── dist │ │ ├── bundle.js │ │ ├── bundle.js.map │ │ └── index.html │ ├── package.json │ └── webpack.config.js ├── 05-React JS Component Lifecycle │ ├── .babelrc │ ├── .gitignore │ ├── app │ │ ├── index.html │ │ └── index.js │ ├── dist │ │ ├── bundle.js │ │ ├── bundle.js.map │ │ └── index.html │ ├── package.json │ └── webpack.config.js ├── 06-Reacts JS getting data using Refs and Traget value │ ├── .babelrc │ ├── .gitignore │ ├── app │ │ ├── index.html │ │ └── index.js │ ├── dist │ │ ├── bundle.js │ │ ├── bundle.js.map │ │ └── index.html │ ├── package.json │ └── webpack.config.js ├── 07-Reacts js Creating todo app components │ ├── .babelrc │ ├── .gitignore │ ├── app │ │ ├── index.html │ │ └── index.js │ ├── dist │ │ ├── bundle.js │ │ ├── bundle.js.map │ │ └── index.html │ ├── package.json │ └── webpack.config.js ├── 12-React js Router │ ├── .babelrc │ ├── .gitignore │ ├── app │ │ ├── components │ │ │ ├── Account.js │ │ │ ├── Home.js │ │ │ ├── Main.js │ │ │ └── Profile.js │ │ ├── config │ │ │ └── routes.js │ │ ├── index.html │ │ └── index.js │ ├── npm-debug.log │ ├── package.json │ └── webpack.config.js ├── 14-Component lifeCycle Methods │ ├── .babelrc │ ├── .gitignore │ ├── app │ │ ├── index.html │ │ ├── index.js │ │ └── styles │ │ │ └── index.js │ ├── package.json │ └── webpack.config.js ├── 14-Controlled Components │ ├── .babelrc │ ├── .gitignore │ ├── app │ │ ├── index.html │ │ ├── index.js │ │ └── styles │ │ │ └── index.js │ ├── package.json │ └── webpack.config.js ├── Example 01 - Item List │ ├── .babelrc │ ├── .gitignore │ ├── app │ │ ├── demo.js │ │ ├── index.html │ │ └── index.js │ ├── dist │ │ ├── bundle.js │ │ ├── bundle.js.map │ │ ├── index.html │ │ └── index_bundle.js │ ├── npm-debug.log │ ├── package.json │ └── webpack.config.js ├── Example 02 -Timer │ ├── .babelrc │ ├── .gitignore │ ├── app │ │ ├── index.html │ │ └── index.js │ ├── dist │ │ ├── bundle.js │ │ ├── bundle.js.map │ │ ├── index.html │ │ └── index_bundle.js │ ├── npm-debug.log │ ├── package.json │ └── webpack.config.js ├── Example 03 - Menu │ ├── .babelrc │ ├── .gitignore │ ├── app │ │ ├── index.html │ │ └── index.js │ ├── dist │ │ ├── bundle.js │ │ ├── bundle.js.map │ │ ├── index.html │ │ └── index_bundle.js │ ├── npm-debug.log │ ├── package.json │ └── webpack.config.js └── Example 04 Search │ ├── .babelrc │ ├── .gitignore │ ├── app │ ├── index.html │ └── index.js │ ├── dist │ ├── bundle.js │ ├── bundle.js.map │ ├── index.html │ └── index_bundle.js │ ├── npm-debug.log │ ├── package.json │ └── webpack.config.js ├── Section-03-ES6 for React JS ├── .gitignore ├── ES6-Learning Series │ ├── .gitignore │ ├── README.md │ ├── Understanding ES6 │ │ ├── README.md │ │ ├── arrow.js │ │ ├── class.js │ │ ├── constant.js │ │ ├── default.js │ │ ├── destructuring-assignment.js │ │ ├── generators.js │ │ ├── let.js │ │ ├── maps.js │ │ ├── modules.js │ │ ├── promises.js │ │ ├── proxy.js │ │ ├── rest-params.js │ │ ├── sets.js │ │ ├── spread.js │ │ ├── symbols.js │ │ ├── template-string.js │ │ ├── weakmaps.js │ │ └── weaksets.js │ ├── lessons │ │ ├── 01-intro │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 02-let │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 03-constants │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 04-defaults │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 05-Rest-Param-Spread-Operator │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 05-arrow │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 06-Object-Destructuring │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 07-Object-Assign │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 07-Object-String │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 08-Template-Strings │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 09-Arrays │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 10-Maps-Sets │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 11-ES6-Native-Promises │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 12-classes │ │ │ ├── index.html │ │ │ └── main.js │ │ ├── 13-modules │ │ │ ├── index.html │ │ │ ├── lib │ │ │ │ └── math.js │ │ │ └── main.js │ │ ├── 14-generators │ │ │ ├── index.html │ │ │ └── main.js │ │ └── index.html │ ├── package.json │ └── webpack.config.js ├── ES6-Starter App │ ├── .babelrc │ ├── .gitignore │ ├── app │ │ ├── index.html │ │ └── index.js │ ├── dist │ │ ├── bundle.js.map │ │ └── index.html │ ├── index.html │ ├── package.json │ └── webpack.config.js ├── ES6Feature │ └── README.md ├── QUIZ │ └── quiz01.md └── README.md ├── Section-07 Redux Apps └── React Blog App │ ├── .babelrc │ ├── .gitignore │ ├── apiserver │ ├── .gitignore │ ├── Gemfile │ ├── Gemfile.lock │ ├── Procfile │ ├── README.md │ ├── Rakefile │ ├── app.json │ ├── app │ │ ├── assets │ │ │ ├── images │ │ │ │ ├── .keep │ │ │ │ └── lang-logo.png │ │ │ ├── javascripts │ │ │ │ ├── application.js │ │ │ │ ├── posts.js.coffee │ │ │ │ ├── welcome.js.coffee │ │ │ │ └── widgets.js.coffee │ │ │ └── stylesheets │ │ │ │ ├── application.css │ │ │ │ ├── posts.scss │ │ │ │ ├── scaffolds.css.scss │ │ │ │ ├── scaffolds.scss │ │ │ │ ├── theme.css.scss │ │ │ │ ├── welcome.css.scss │ │ │ │ └── widgets.css.scss │ │ ├── controllers │ │ │ ├── api │ │ │ │ └── posts_controller.rb │ │ │ ├── application_controller.rb │ │ │ ├── concerns │ │ │ │ └── .keep │ │ │ ├── welcome_controller.rb │ │ │ └── widgets_controller.rb │ │ ├── helpers │ │ │ ├── application_helper.rb │ │ │ ├── posts_helper.rb │ │ │ ├── welcome_helper.rb │ │ │ └── widgets_helper.rb │ │ ├── mailers │ │ │ └── .keep │ │ ├── models │ │ │ ├── .keep │ │ │ ├── concerns │ │ │ │ └── .keep │ │ │ ├── post.rb │ │ │ └── widget.rb │ │ └── views │ │ │ ├── api │ │ │ └── posts │ │ │ │ ├── _form.html.erb │ │ │ │ ├── edit.html.erb │ │ │ │ ├── index.html.erb │ │ │ │ ├── index.json.jbuilder │ │ │ │ ├── new.html.erb │ │ │ │ ├── show.html.erb │ │ │ │ └── show.json.jbuilder │ │ │ ├── layouts │ │ │ └── application.html.erb │ │ │ └── welcome │ │ │ └── index.erb │ ├── bin │ │ ├── bundle │ │ ├── rails │ │ ├── rake │ │ └── spring │ ├── config.ru │ ├── config │ │ ├── application.rb │ │ ├── boot.rb │ │ ├── database.yml │ │ ├── environment.rb │ │ ├── environments │ │ │ ├── development.rb │ │ │ ├── production.rb │ │ │ └── test.rb │ │ ├── initializers │ │ │ ├── assets.rb │ │ │ ├── backtrace_silencers.rb │ │ │ ├── cookies_serializer.rb │ │ │ ├── filter_parameter_logging.rb │ │ │ ├── inflections.rb │ │ │ ├── mime_types.rb │ │ │ ├── rack-attack.rb │ │ │ ├── session_store.rb │ │ │ └── wrap_parameters.rb │ │ ├── locales │ │ │ └── en.yml │ │ ├── puma.rb │ │ ├── routes.rb │ │ └── secrets.yml │ ├── db │ │ ├── migrate │ │ │ ├── 20140707111715_create_widgets.rb │ │ │ ├── 20160116205902_create_posts.rb │ │ │ └── 20160117033115_adduseridtoposts.rb │ │ ├── schema.rb │ │ └── seeds.rb │ ├── lib │ │ ├── assets │ │ │ └── .keep │ │ └── tasks │ │ │ └── .keep │ ├── log │ │ └── .keep │ ├── public │ │ ├── 404.html │ │ ├── 422.html │ │ ├── 500.html │ │ ├── favicon.ico │ │ └── robots.txt │ ├── test │ │ ├── controllers │ │ │ ├── .keep │ │ │ ├── posts_controller_test.rb │ │ │ ├── welcome_controller_test.rb │ │ │ └── widgets_controller_test.rb │ │ ├── fixtures │ │ │ ├── .keep │ │ │ ├── posts.yml │ │ │ └── widgets.yml │ │ ├── helpers │ │ │ ├── .keep │ │ │ ├── welcome_helper_test.rb │ │ │ └── widgets_helper_test.rb │ │ ├── integration │ │ │ └── .keep │ │ ├── mailers │ │ │ └── .keep │ │ ├── models │ │ │ ├── .keep │ │ │ ├── post_test.rb │ │ │ └── widget_test.rb │ │ └── test_helper.rb │ └── vendor │ │ └── assets │ │ ├── javascripts │ │ └── .keep │ │ └── stylesheets │ │ └── .keep │ ├── index.html │ ├── package.json │ ├── src │ ├── actions │ │ └── index.js │ ├── components │ │ ├── app.js │ │ ├── posts_index.js │ │ ├── posts_new.js │ │ └── posts_show.js │ ├── index.js │ ├── reducers │ │ ├── index.js │ │ └── reducer_posts.js │ └── routes.js │ ├── style │ └── style.css │ └── webpack.config.js ├── Section-08-Applications ├── .gitignore ├── Enzyme-Karma-AirBnb │ ├── .gitignore │ ├── LICENSE │ ├── karma.conf.js │ ├── package.json │ ├── src │ │ └── Foo.js │ └── test │ │ └── Foo-test.js ├── Jasmine Starter │ ├── .gitattributes │ ├── .gitignore │ ├── Demo.html │ ├── MIT.LICENSE │ ├── SpecRunner.html │ ├── lib │ │ ├── jasmine-2.3.0 │ │ │ ├── boot.js │ │ │ ├── console.js │ │ │ ├── jasmine-html.js │ │ │ ├── jasmine.css │ │ │ ├── jasmine.js │ │ │ └── jasmine_favicon.png │ │ └── jasmine-2.3.2 │ │ │ ├── boot.js │ │ │ ├── console.js │ │ │ ├── jasmine-html.js │ │ │ ├── jasmine.css │ │ │ ├── jasmine.js │ │ │ └── jasmine_favicon.png │ ├── spec │ │ ├── SimpleDemoSpec.js │ │ ├── SimpleDemoSpec.jshandlingexpectederror..js │ │ ├── convert.js │ │ └── spec.js │ └── src │ │ ├── Player.js │ │ ├── SimpleDemo.js │ │ └── Song.js ├── React-Karma-Boilerplate │ ├── .eslintignore │ ├── .eslintrc │ ├── .gitignore │ ├── README.md │ ├── karma.conf.js │ ├── karma.test.js │ ├── package.json │ ├── public │ │ └── index.html │ ├── src │ │ ├── components │ │ │ ├── App.jsx │ │ │ ├── CheckboxWithLabel.jsx │ │ │ ├── CheckboxWithLabel.test.jsx │ │ │ ├── demo.test.jsx │ │ │ └── helloworld.test.jsx │ │ ├── entry.js │ │ └── styles │ │ │ └── app.css │ └── webpack.config.js ├── React-Mocha Starter │ ├── .babelrc │ ├── .gitignore │ ├── README.md │ ├── app.jsx │ ├── components │ │ └── component.jsx │ ├── gulpfile.js │ ├── index.html │ ├── package.json │ └── test │ │ ├── component-test.js │ │ ├── dom-mock.js │ │ └── empty-test.js ├── React-Mocha │ ├── .gitignore │ ├── .travis.yml │ ├── README.md │ ├── component.js │ ├── package.json │ ├── test-setup.js │ └── test │ │ └── component │ │ └── component.js └── react-jest-master │ ├── .babelrc │ ├── .editorconfig │ ├── .eslintrc │ ├── .gitignore │ ├── CHANGELOG.md │ ├── LICENSE.md │ ├── README.md │ ├── index.html │ ├── package.json │ ├── server.js │ ├── src │ ├── app.js │ └── components │ │ ├── CheckboxWithLabel.js │ │ ├── InputText.js │ │ └── sum.js │ ├── tests │ └── components │ │ ├── CheckboxWithLabel-test.js │ │ ├── InputText-test.js │ │ └── sum-test.js │ └── webpack.config.js └── Section-09 React Native Apps ├── README.md ├── React Native App-02 ├── .eslintrc ├── .flowconfig ├── .gitignore ├── .watchmanconfig ├── App │ ├── Utils │ │ ├── Property │ │ │ ├── actions.js │ │ │ └── store.js │ │ ├── Stock │ │ │ ├── actions.js │ │ │ └── store.js │ │ ├── data.js │ │ ├── finance.js │ │ └── functions.js │ └── Views │ │ ├── AddNew │ │ ├── Elements │ │ │ └── StockCell │ │ │ │ ├── index.js │ │ │ │ └── style.js │ │ ├── index.js │ │ └── style.js │ │ ├── Main │ │ ├── Elements │ │ │ ├── ChartsPage │ │ │ │ ├── index.js │ │ │ │ └── style.js │ │ │ ├── DetailsPage │ │ │ │ ├── index.js │ │ │ │ └── style.js │ │ │ ├── NewsPage │ │ │ │ └── index.js │ │ │ └── StockCell │ │ │ │ ├── index.js │ │ │ │ └── style.js │ │ ├── index.js │ │ └── style.js │ │ ├── Settings │ │ ├── Elements │ │ │ └── StockCell │ │ │ │ ├── index.js │ │ │ │ └── style.js │ │ ├── index.js │ │ └── style.js │ │ └── web.js ├── Finance.js ├── LICENSE ├── README.md ├── android │ ├── app │ │ ├── build.gradle │ │ ├── proguard-rules.pro │ │ ├── react.gradle │ │ └── src │ │ │ └── main │ │ │ ├── AndroidManifest.xml │ │ │ ├── assets │ │ │ └── fonts │ │ │ │ ├── Entypo.ttf │ │ │ │ ├── EvilIcons.ttf │ │ │ │ ├── FontAwesome.ttf │ │ │ │ ├── Foundation.ttf │ │ │ │ ├── Ionicons.ttf │ │ │ │ ├── MaterialIcons.ttf │ │ │ │ ├── Octicons.ttf │ │ │ │ └── Zocial.ttf │ │ │ ├── java │ │ │ └── com │ │ │ │ └── finance │ │ │ │ └── MainActivity.java │ │ │ └── res │ │ │ ├── mipmap-hdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-mdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xhdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xxhdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xxxhdpi │ │ │ └── ic_launcher.png │ │ │ └── values │ │ │ ├── strings.xml │ │ │ └── styles.xml │ ├── build.gradle │ ├── gradle.properties │ ├── gradle │ │ └── wrapper │ │ │ ├── gradle-wrapper.jar │ │ │ └── gradle-wrapper.properties │ ├── gradlew │ ├── gradlew.bat │ └── settings.gradle ├── google-play.png ├── index.android.js ├── index.ios.js ├── ios │ ├── Finance.xcodeproj │ │ ├── project.pbxproj │ │ └── xcshareddata │ │ │ └── xcschemes │ │ │ └── Finance.xcscheme │ ├── Finance │ │ ├── AppDelegate.h │ │ ├── AppDelegate.m │ │ ├── Base.lproj │ │ │ └── LaunchScreen.xib │ │ ├── Images.xcassets │ │ │ └── AppIcon.appiconset │ │ │ │ └── Contents.json │ │ ├── Info.plist │ │ └── main.m │ └── FinanceTests │ │ ├── FinanceTests.m │ │ └── Info.plist ├── package.json ├── previewAndroid.gif └── previewIOS.gif ├── React Recap Basics ├── .gitignore ├── index.html ├── package.json ├── src │ ├── App.js │ ├── Contact.js │ └── ContactsList.js └── webpack.config.js ├── React Redux Recap ├── .babelrc ├── .eslintrc ├── .gitignore ├── client │ ├── actions │ │ └── index.js │ ├── components │ │ ├── Grid │ │ │ ├── Body.js │ │ │ ├── Cell.js │ │ │ ├── Footer.js │ │ │ ├── Grid.js │ │ │ ├── Header.js │ │ │ ├── Row.js │ │ │ ├── index.js │ │ │ └── style.css │ │ └── Header │ │ │ └── index.js │ ├── containers │ │ ├── App │ │ │ ├── index.js │ │ │ └── style.css │ │ ├── TransactionForm │ │ │ └── index.js │ │ └── TransactionSummary │ │ │ └── index.js │ ├── data │ │ └── transactions.json │ ├── index.html │ ├── index.js │ ├── reducers │ │ ├── defaults.js │ │ ├── index.js │ │ └── transactions.js │ └── store │ │ └── index.js ├── package.json └── webpack.config.js ├── ReactNativeNews-01 ├── .gitignore ├── Application │ └── View │ │ ├── Loading.js │ │ ├── NewsDetail.js │ │ ├── NewsList.js │ │ ├── Setting.js │ │ └── TabBar.js ├── demo │ └── images │ │ ├── 1.png │ │ └── 2.png ├── iOS │ ├── ReactNativeNews.xcodeproj │ │ ├── project.pbxproj │ │ ├── project.xcworkspace │ │ │ └── contents.xcworkspacedata │ │ └── xcshareddata │ │ │ └── xcschemes │ │ │ └── ReactNativeNews.xcscheme │ ├── ReactNativeNews │ │ ├── AppDelegate.h │ │ ├── AppDelegate.m │ │ ├── Base.lproj │ │ │ └── LaunchScreen.xib │ │ ├── Images.xcassets │ │ │ └── AppIcon.appiconset │ │ │ │ └── Contents.json │ │ ├── Info.plist │ │ └── main.m │ └── ReactNativeNewsTests │ │ ├── Info.plist │ │ └── ReactNativeNewsTests.m ├── icon.png ├── index.ios.js ├── main.jsbundle └── package.json ├── Tic-Tac-Toe-App ├── .flowconfig ├── .gitignore ├── .watchmanconfig ├── android │ ├── TicTacToeApp.iml │ ├── app │ │ ├── app.iml │ │ ├── build.gradle │ │ ├── proguard-rules.pro │ │ ├── react.gradle │ │ └── src │ │ │ └── main │ │ │ ├── AndroidManifest.xml │ │ │ ├── java │ │ │ └── com │ │ │ │ └── tictactoeapp │ │ │ │ └── MainActivity.java │ │ │ └── res │ │ │ ├── mipmap-hdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-mdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xhdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xxhdpi │ │ │ └── ic_launcher.png │ │ │ └── values │ │ │ ├── strings.xml │ │ │ └── styles.xml │ ├── build.gradle │ ├── gradle.properties │ ├── gradle │ │ └── wrapper │ │ │ ├── gradle-wrapper.jar │ │ │ └── gradle-wrapper.properties │ ├── gradlew │ ├── gradlew.bat │ └── settings.gradle ├── index.android.js ├── index.ios.js ├── ios │ ├── TicTacToeApp.xcodeproj │ │ ├── project.pbxproj │ │ └── xcshareddata │ │ │ └── xcschemes │ │ │ └── TicTacToeApp.xcscheme │ ├── TicTacToeApp │ │ ├── AppDelegate.h │ │ ├── AppDelegate.m │ │ ├── Base.lproj │ │ │ └── LaunchScreen.xib │ │ ├── Images.xcassets │ │ │ └── AppIcon.appiconset │ │ │ │ └── Contents.json │ │ ├── Info.plist │ │ └── main.m │ └── TicTacToeAppTests │ │ ├── Info.plist │ │ └── TicTacToeAppTests.m └── package.json └── Todo App React Native ├── .buckconfig ├── .flowconfig ├── .gitignore ├── .watchmanconfig ├── android ├── app │ ├── BUCK │ ├── build.gradle │ ├── proguard-rules.pro │ └── src │ │ └── main │ │ ├── AndroidManifest.xml │ │ ├── java │ │ └── com │ │ │ └── todoapp │ │ │ └── MainActivity.java │ │ └── res │ │ ├── mipmap-hdpi │ │ └── ic_launcher.png │ │ ├── mipmap-mdpi │ │ └── ic_launcher.png │ │ ├── mipmap-xhdpi │ │ └── ic_launcher.png │ │ ├── mipmap-xxhdpi │ │ └── ic_launcher.png │ │ └── values │ │ ├── strings.xml │ │ └── styles.xml ├── build.gradle ├── gradle.properties ├── gradle │ └── wrapper │ │ ├── gradle-wrapper.jar │ │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── keystores │ ├── BUCK │ └── debug.keystore.properties └── settings.gradle ├── application ├── components │ ├── ToDoEdit.js │ ├── ToDoList.js │ ├── ToDoListContainer.js │ └── ToDoListItem.js └── styles │ └── styles.js ├── index.android.js ├── index.ios.js ├── ios ├── ToDoApp.xcodeproj │ ├── project.pbxproj │ └── xcshareddata │ │ └── xcschemes │ │ └── ToDoApp.xcscheme ├── ToDoApp │ ├── AppDelegate.h │ ├── AppDelegate.m │ ├── Base.lproj │ │ └── LaunchScreen.xib │ ├── Images.xcassets │ │ └── AppIcon.appiconset │ │ │ └── Contents.json │ ├── Info.plist │ └── main.m └── ToDoAppTests │ ├── Info.plist │ └── ToDoAppTests.m └── package.json /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules/ 2 | 3 | bundle.js 4 | 5 | npm-debug.log 6 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/.gitignore: -------------------------------------------------------------------------------- 1 | /node-modules/ 2 | */node-modules/ -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/README.md: -------------------------------------------------------------------------------- 1 | ```bash 2 | npm install babel -g 3 | npm install 4 | npm start 5 | ``` 6 | 7 | open browser to http://localhost:3000 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/00-setup/App.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | class App extends React.Component { 3 | render(){ 4 | return
Hi
5 | } 6 | } 7 | 8 | export default App 9 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/00-setup/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Setup 6 | 7 | 8 |
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/00-setup/main.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | ReactDOM.render(, document.getElementById('app')) 5 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/01-intro/App.js: -------------------------------------------------------------------------------- 1 | //https://jsbin.com/nequdiy/edit?js,output 2 | 3 | import React from 'react'; 4 | 5 | class App extends React.Component { 6 | render(){ 7 | return

Hello Guys

8 | } 9 | } 10 | 11 | // const App = () =>

Hello Eggheads

12 | 13 | export default App 14 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/01-intro/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Lesson 01 6 | 7 | 8 |
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/01-intro/main.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | ReactDOM.render(, document.getElementById('app')); 5 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/02-render/App.js: -------------------------------------------------------------------------------- 1 | //https://jsbin.com/mezuno/edit?js,output 2 | 3 | import React from 'react'; 4 | 5 | class App extends React.Component { 6 | render(){ 7 | return ( 8 |
9 |

Hello World

10 | Bold 11 |
12 | ); 13 | } 14 | } 15 | 16 | export default App 17 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/02-render/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Lesson 02 6 | 7 | 8 |
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/02-render/main.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | ReactDOM.render(, document.getElementById('app')); 5 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/03-properties/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Lesson 03 6 | 7 | 8 |
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/03-properties/main.js: -------------------------------------------------------------------------------- 1 | import App from './App'; 2 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/04-state/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Lesson 01 6 | 7 | 8 |
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/04-state/main.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | ReactDOM.render(, document.getElementById('app')); 5 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/05-owner-ownee/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Lesson 01 6 | 7 | 8 |
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/05-owner-ownee/main.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | ReactDOM.render(, document.getElementById('app')); 5 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/06-refs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Lesson 01 6 | 7 | 8 |
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/06-refs/main.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | ReactDOM.render(, document.getElementById('app')); 5 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/07-child-properties/main.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | ReactDOM.render(, document.getElementById('app')); 5 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/08-lifecycle-mounting/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Lesson 08 6 | 7 | 8 |
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/08-lifecycle-mounting/main.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | ReactDOM.render(, document.getElementById('app')); 5 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/09-lifecycle-mounting-usage/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Lesson 09 6 | 7 | 8 |
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/09-lifecycle-mounting-usage/main.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | ReactDOM.render(, document.getElementById('app')); 5 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/10-lifecycle-updates/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Lesson 10 6 | 7 | 8 |
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/10-lifecycle-updates/main.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | ReactDOM.render(, document.getElementById('app')); 5 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/11-higher-order/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Lesson 11 6 | 7 | 8 |
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/11-higher-order/main.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | ReactDOM.render(, document.getElementById('app')); 5 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/12-composable/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Lesson 12 6 | 7 | 8 |
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/12-composable/main.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | ReactDOM.render(, document.getElementById('app')); 5 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/13-dynamic/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Lesson 13 6 | 7 | 8 |
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Examples Series/lessons/13-dynamic/main.js: -------------------------------------------------------------------------------- 1 | // https://jsbin.com/qubonu/edit?js,output 2 | 3 | import React from 'react'; 4 | import ReactDOM from 'react-dom'; 5 | import App from './App'; 6 | ReactDOM.render(, document.getElementById('app')); 7 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Starter App/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | My First React Router App 5 |
6 | 7 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Starter App/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { render } from 'react-dom' 3 | import App from './modules/App' 4 | 5 | render(, document.getElementById('app')) 6 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 React Starter App/webpack.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | entry: './index.js', 3 | 4 | output: { 5 | filename: 'bundle.js', 6 | publicPath: '' 7 | }, 8 | 9 | module: { 10 | loaders: [ 11 | { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=es2015&presets[]=react' } 12 | ] 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/01-setting-up/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | My First React Router App 5 |
6 | 7 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/01-setting-up/modules/About.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | 4 | export default class About extends React.Component { 5 | render(){ 6 | return
Hello From About Component
7 | } 8 | } 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/01-setting-up/modules/App.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | 4 | export default class App extends React.Component { 5 | render(){ 6 | return
Hello From App Component
7 | } 8 | } 9 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/02-rendering-a-route/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | My First React Router App 5 |
6 | 7 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/02-rendering-a-route/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { render } from 'react-dom' 3 | import App from './modules/App' 4 | render(, document.getElementById('app')) 5 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/02-rendering-a-route/modules/App.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return
Hello, React Router!
6 | } 7 | }) 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/03-navigating-with-link/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | My First React Router App 5 |
6 | 7 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/03-navigating-with-link/modules/About.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default class About extends React.Component { 4 | render() { 5 | return
About
6 | } 7 | }) 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/03-navigating-with-link/modules/App.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default class App extends React.Component { 4 | render() { 5 | return
Hello, React Router!
6 | } 7 | }) 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/03-navigating-with-link/modules/Repos.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default class Repos extends React.Component { 4 | render() { 5 | return
Repos
6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/04-nested-routes/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | My First React Router App 5 |
6 | 7 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/04-nested-routes/modules/About.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return
About
6 | } 7 | }) 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/04-nested-routes/modules/Repos.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default class Repos extends React.Component { 4 | render() { 5 | return
Repos
6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/05-active-links/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | My First React Router App 5 |
6 | 7 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/05-active-links/modules/About.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return
About
6 | } 7 | }) 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/05-active-links/modules/Repos.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return
Repos
6 | } 7 | }) 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/06-params/index.css: -------------------------------------------------------------------------------- 1 | .active { 2 | color: green; 3 | } 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/06-params/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | My First React Router App 5 | 6 |
7 | 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/06-params/modules/About.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return
About
6 | } 7 | }) 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/06-params/modules/NavLink.js: -------------------------------------------------------------------------------- 1 | // modules/NavLink.js 2 | import React from 'react' 3 | import { Link } from 'react-router' 4 | 5 | export default React.createClass({ 6 | render() { 7 | return 8 | } 9 | }) 10 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/06-params/modules/Repos.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return
Repos
6 | } 7 | }) 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/07-more-nesting/index.css: -------------------------------------------------------------------------------- 1 | .active { 2 | color: green; 3 | } 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/07-more-nesting/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | My First React Router App 5 | 6 |
7 | 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/07-more-nesting/modules/About.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return
About
6 | } 7 | }) 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/07-more-nesting/modules/NavLink.js: -------------------------------------------------------------------------------- 1 | // modules/NavLink.js 2 | import React from 'react' 3 | import { Link } from 'react-router' 4 | 5 | export default React.createClass({ 6 | render() { 7 | return 8 | } 9 | }) 10 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/07-more-nesting/modules/Repo.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return ( 6 |
7 |

{this.props.params.repoName}

8 |
9 | ) 10 | } 11 | }) 12 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/08-index-routes/index.css: -------------------------------------------------------------------------------- 1 | .active { 2 | color: green; 3 | } 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/08-index-routes/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | My First React Router App 5 | 6 |
7 | 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/08-index-routes/modules/About.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return
About
6 | } 7 | }) 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/08-index-routes/modules/NavLink.js: -------------------------------------------------------------------------------- 1 | // modules/NavLink.js 2 | import React from 'react' 3 | import { Link } from 'react-router' 4 | 5 | export default React.createClass({ 6 | render() { 7 | return 8 | } 9 | }) 10 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/08-index-routes/modules/Repo.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return ( 6 |
7 |

{this.props.params.repoName}

8 |
9 | ) 10 | } 11 | }) 12 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/09-index-links/index.css: -------------------------------------------------------------------------------- 1 | .active { 2 | color: green; 3 | } 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/09-index-links/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | My First React Router App 5 | 6 |
7 | 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/09-index-links/modules/About.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return
About
6 | } 7 | }) 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/09-index-links/modules/Home.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return
Home
6 | } 7 | }) 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/09-index-links/modules/NavLink.js: -------------------------------------------------------------------------------- 1 | // modules/NavLink.js 2 | import React from 'react' 3 | import { Link } from 'react-router' 4 | 5 | export default React.createClass({ 6 | render() { 7 | return 8 | } 9 | }) 10 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/09-index-links/modules/Repo.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return ( 6 |
7 |

{this.props.params.repoName}

8 |
9 | ) 10 | } 11 | }) 12 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/10-clean-urls/index.css: -------------------------------------------------------------------------------- 1 | .active { 2 | color: green; 3 | } 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/10-clean-urls/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | My First React Router App 5 | 6 |
7 | 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/10-clean-urls/modules/About.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return
About
6 | } 7 | }) 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/10-clean-urls/modules/Home.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return
Home
6 | } 7 | }) 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/10-clean-urls/modules/NavLink.js: -------------------------------------------------------------------------------- 1 | // modules/NavLink.js 2 | import React from 'react' 3 | import { Link } from 'react-router' 4 | 5 | export default React.createClass({ 6 | render() { 7 | return 8 | } 9 | }) 10 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/10-clean-urls/modules/Repo.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return ( 6 |
7 |

{this.props.params.repoName}

8 |
9 | ) 10 | } 11 | }) 12 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/11-productionish-server/index.css: -------------------------------------------------------------------------------- 1 | .active { 2 | color: green; 3 | } 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/11-productionish-server/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | My First React Router App 5 | 6 |
7 | 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/11-productionish-server/modules/About.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return
About
6 | } 7 | }) 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/11-productionish-server/modules/Home.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return
Home
6 | } 7 | }) 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/11-productionish-server/modules/NavLink.js: -------------------------------------------------------------------------------- 1 | // modules/NavLink.js 2 | import React from 'react' 3 | import { Link } from 'react-router' 4 | 5 | export default React.createClass({ 6 | render() { 7 | return 8 | } 9 | }) 10 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/11-productionish-server/modules/Repo.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return ( 6 |
7 |

{this.props.params.repoName}

8 |
9 | ) 10 | } 11 | }) 12 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/12-navigating/modules/About.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return
About
6 | } 7 | }) 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/12-navigating/modules/Home.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return
Home
6 | } 7 | }) 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/12-navigating/modules/NavLink.js: -------------------------------------------------------------------------------- 1 | // modules/NavLink.js 2 | import React from 'react' 3 | import { Link } from 'react-router' 4 | 5 | export default React.createClass({ 6 | render() { 7 | return 8 | } 9 | }) 10 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/12-navigating/modules/Repo.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return ( 6 |
7 |

{this.props.params.repoName}

8 |
9 | ) 10 | } 11 | }) 12 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/12-navigating/public/index.css: -------------------------------------------------------------------------------- 1 | .active { 2 | color: green; 3 | } 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/12-navigating/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | My First React Router App 5 | 6 |
7 | 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/14-whats-next/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { render } from 'react-dom' 3 | import { Router, browserHistory } from 'react-router' 4 | import routes from './modules/routes' 5 | 6 | render( 7 | , 8 | document.getElementById('app') 9 | ) 10 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/14-whats-next/modules/About.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return
About
6 | } 7 | }) 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/14-whats-next/modules/Home.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | return
Home
6 | } 7 | }) 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/14-whats-next/modules/NavLink.js: -------------------------------------------------------------------------------- 1 | // modules/NavLink.js 2 | import React from 'react' 3 | import { Link } from 'react-router' 4 | 5 | export default React.createClass({ 6 | render() { 7 | return 8 | } 9 | }) 10 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/14-whats-next/modules/Repo.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default React.createClass({ 4 | render() { 5 | const { userName, repoName } = this.props.params 6 | return ( 7 |
8 |

{userName} / {repoName}

9 |
10 | ) 11 | } 12 | }) 13 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/ES6 Webpack React Router/lessons/14-whats-next/public/index.css: -------------------------------------------------------------------------------- 1 | .active { 2 | color: green; 3 | } 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/Quick Starter App/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015", "stage-1"] 3 | } 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/Quick Starter App/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | bundle.js 3 | npm-debug.log 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/Quick Starter App/src/components/Video_list.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/Quick Starter App/src/components/Video_list.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/Quick Starter App/src/components/search_bar.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | 4 | 5 | class SearchBar extends React.Component { 6 | 7 | render (){ 8 | return 9 | } 10 | } 11 | 12 | export default SearchBar -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/Quick Starter App/src/components/video_details.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/Quick Starter App/src/components/video_details.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/Quick Starter App/src/components/video_list_item.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/Quick Starter App/src/components/video_list_item.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/Quick Starter App/src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | // Create a new component. This component should produce 4 | // some HTML 5 | const App =() = >
Hi!
6 | 7 | // Take this component's generated HTML and put it 8 | // on the page (in the DOM) 9 | 10 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/Quick Starter App/style/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/Quick Starter App/style/style.css -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-011-component-structure/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015", "stage-1"] 3 | } 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-011-component-structure/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | bundle.js 3 | npm-debug.log 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-011-component-structure/src/components/search_bar.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-011-component-structure/src/components/search_bar.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-011-component-structure/src/components/video_detail.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-011-component-structure/src/components/video_detail.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-011-component-structure/src/components/video_list.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-011-component-structure/src/components/video_list.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-011-component-structure/src/components/video_list_item.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-011-component-structure/src/components/video_list_item.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-011-component-structure/style/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-011-component-structure/style/style.css -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-012-youtube-api-signup/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015", "stage-1"] 3 | } 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-012-youtube-api-signup/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | bundle.js 3 | npm-debug.log 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-012-youtube-api-signup/src/components/search_bar.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-012-youtube-api-signup/src/components/search_bar.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-012-youtube-api-signup/src/components/video_detail.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-012-youtube-api-signup/src/components/video_detail.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-012-youtube-api-signup/src/components/video_list.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-012-youtube-api-signup/src/components/video_list.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-012-youtube-api-signup/src/components/video_list_item.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-012-youtube-api-signup/src/components/video_list_item.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-012-youtube-api-signup/style/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-012-youtube-api-signup/style/style.css -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-014-es6-classes/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015", "stage-1"] 3 | } 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-014-es6-classes/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | bundle.js 3 | npm-debug.log 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-014-es6-classes/src/components/search_bar.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | 3 | class SearchBar extends React.Component { 4 | render() { 5 | return ; 6 | } 7 | } 8 | 9 | export default SearchBar; 10 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-014-es6-classes/src/components/video_detail.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-014-es6-classes/src/components/video_detail.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-014-es6-classes/src/components/video_list.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-014-es6-classes/src/components/video_list.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-014-es6-classes/src/components/video_list_item.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-014-es6-classes/src/components/video_list_item.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-014-es6-classes/style/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-014-es6-classes/style/style.css -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-017-state2/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015", "stage-1"] 3 | } 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-017-state2/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | bundle.js 3 | npm-debug.log 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-017-state2/src/components/video_detail.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-017-state2/src/components/video_detail.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-017-state2/src/components/video_list.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-017-state2/src/components/video_list.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-017-state2/src/components/video_list_item.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-017-state2/src/components/video_list_item.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-017-state2/style/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-017-state2/style/style.css -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-018-controlled-components/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015", "stage-1"] 3 | } 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-018-controlled-components/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | bundle.js 3 | npm-debug.log 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-018-controlled-components/src/components/video_detail.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-018-controlled-components/src/components/video_detail.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-018-controlled-components/src/components/video_list.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-018-controlled-components/src/components/video_list.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-018-controlled-components/src/components/video_list_item.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-018-controlled-components/src/components/video_list_item.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-018-controlled-components/style/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-018-controlled-components/style/style.css -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-20-refactor-app-to-class/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015", "stage-1"] 3 | } 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-20-refactor-app-to-class/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | bundle.js 3 | npm-debug.log 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-20-refactor-app-to-class/src/components/video_detail.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-20-refactor-app-to-class/src/components/video_detail.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-20-refactor-app-to-class/src/components/video_list.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-20-refactor-app-to-class/src/components/video_list.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-20-refactor-app-to-class/src/components/video_list_item.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-20-refactor-app-to-class/src/components/video_list_item.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-20-refactor-app-to-class/style/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-20-refactor-app-to-class/style/style.css -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-22-props/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015", "stage-1"] 3 | } 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-22-props/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | bundle.js 3 | npm-debug.log 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-22-props/src/components/video_detail.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-22-props/src/components/video_detail.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-22-props/src/components/video_list_item.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const VideoListItem = (props) => { 4 | return
  • Video
    • ; 5 | }; 6 | 7 | export default VideoListItem; 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-22-props/style/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-22-props/style/style.css -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-24-list-item-keys/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015", "stage-1"] 3 | } 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-24-list-item-keys/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | bundle.js 3 | npm-debug.log 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-24-list-item-keys/src/components/video_detail.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-24-list-item-keys/src/components/video_detail.js -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-24-list-item-keys/src/components/video_list_item.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const VideoListItem = (props) => { 4 | return
  • Video
    • ; 5 | }; 6 | 7 | export default VideoListItem; 8 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-24-list-item-keys/style/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-24-list-item-keys/style/style.css -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-26-detail-component/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015", "stage-1"] 3 | } 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-26-detail-component/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | bundle.js 3 | npm-debug.log 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-26-detail-component/style/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-26-detail-component/style/style.css -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-28-video-selection/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015", "stage-1"] 3 | } 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-28-video-selection/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | bundle.js 3 | npm-debug.log 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-28-video-selection/style/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-28-video-selection/style/style.css -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-30-searching-for-content/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015", "stage-1"] 3 | } 4 | -------------------------------------------------------------------------------- /Section 04 ES6 with react/React JS-ES6 YouTube App/ReduxCasts-30-searching-for-content/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | bundle.js 3 | npm-debug.log 4 | -------------------------------------------------------------------------------- /Section 05 Flux Pattern/React ES6 TodoApp Flux/.gitignore: -------------------------------------------------------------------------------- 1 | .idea 2 | node_modules 3 | bower_components 4 | public/bundle.js -------------------------------------------------------------------------------- /Section 05 Flux Pattern/React ES6 TodoApp Flux/README.md: -------------------------------------------------------------------------------- 1 | # npm install 2 | # bower install bootstrap 3 | # webpack --watch 4 | -------------------------------------------------------------------------------- /Section 05 Flux Pattern/React ES6 TodoApp Flux/app/constants/appConstants.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | ADD_ITEM: "ADD_ITEM", 3 | REMOVE_ITEM: "REMOVE_ITEM" 4 | }; -------------------------------------------------------------------------------- /Section 05 Flux Pattern/React ES6 TodoApp Flux/app/dispatcher/AppDispatcher.js: -------------------------------------------------------------------------------- 1 | var Dispatcher = require('flux').Dispatcher; 2 | var AppDispatcher = new Dispatcher(); 3 | 4 | AppDispatcher.handleAction = function(action){ 5 | this.dispatch({ 6 | source: 'VIEW_ACTION', 7 | action: action 8 | }); 9 | }; 10 | 11 | module.exports = AppDispatcher; -------------------------------------------------------------------------------- /Section 05 Flux Pattern/React ES6 TodoApp Flux/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | React Bootstrap Todo List 6 | 7 | 8 | 9 | 10 |
    11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Section 05 Flux Pattern/React ES6 TodoApp Flux/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | React Bootstrap Todo List 6 | 7 | 8 | 9 | 10 |
    11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Section 05 Flux Pattern/React JS Routing with Flux/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | -------------------------------------------------------------------------------- /Section 05 Flux Pattern/React JS Routing with Flux/src/js/dispatcher.js: -------------------------------------------------------------------------------- 1 | import { Dispatcher } from "flux"; 2 | 3 | export default new Dispatcher; 4 | -------------------------------------------------------------------------------- /Section 05 Flux Pattern/React JS Routing with Flux/src/js/pages/Favorites.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | export default class Archives extends React.Component { 4 | render() { 5 | return ( 6 |
    7 |

    Favorites

    8 |
    9 | ); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Section 05 Flux Pattern/React JS Routing with Flux/src/js/pages/Settings.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | export default class Settings extends React.Component { 4 | render() { 5 | return ( 6 |
    7 |

    Settings

    8 |
    9 | ); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Section 05 Flux Pattern/flux/javascripts/app.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import TodoApp from './components/TodoApp'; 3 | 4 | React.render(, document.getElementById('todoapp')); 5 | -------------------------------------------------------------------------------- /Section 05 Flux Pattern/flux/javascripts/constants/TodoConstants.js: -------------------------------------------------------------------------------- 1 | import keyMirror from 'keymirror'; 2 | 3 | export default keyMirror({ 4 | TODO_CREATE: null, 5 | TODO_COMPLETE: null, 6 | TODO_DESTROY: null, 7 | TODO_DESTROY_COMPLETED: null, 8 | TODO_TOGGLE_COMPLETE_ALL: null, 9 | TODO_UNDO_COMPLETE: null, 10 | TODO_UPDATE_TEXT: null 11 | }); 12 | -------------------------------------------------------------------------------- /Section 05 Flux Pattern/flux/javascripts/dispatcher/AppDispatcher.js: -------------------------------------------------------------------------------- 1 | import Flux from 'flux'; 2 | 3 | var Dispatcher = Flux.Dispatcher; 4 | 5 | export default new Dispatcher(); 6 | -------------------------------------------------------------------------------- /Section 05 Flux Pattern/flux/structure.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 05 Flux Pattern/flux/structure.jpg -------------------------------------------------------------------------------- /Section 05 Flux Pattern/flux/stylesheet/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 05 Flux Pattern/flux/stylesheet/bg.png -------------------------------------------------------------------------------- /Section 06 React JS Redux/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules/ 2 | 3 | bundle.js 4 | 5 | npm-debug.log 6 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES5 App Shopping Cart/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules/ 2 | */node_modules/ 3 | /bower_components/ 4 | */bower_components/ 5 | .settings 6 | .project 7 | .project 8 | .metadata 9 | .classpath 10 | .settings/ 11 | logfile.txt 12 | 13 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES5 App Shopping Cart/README.md: -------------------------------------------------------------------------------- 1 | # react.js shop 2 | 3 | example of shopping cart implemented in react.js 4 | 5 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES5 App Shopping Cart/images/01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES5 App Shopping Cart/images/01.jpg -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES5 App Shopping Cart/images/02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES5 App Shopping Cart/images/02.jpg -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES5 App Shopping Cart/images/03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES5 App Shopping Cart/images/03.jpg -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES5 App Shopping Cart/images/04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES5 App Shopping Cart/images/04.jpg -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES5 App Shopping Cart/images/05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES5 App Shopping Cart/images/05.jpg -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES5 App Shopping Cart/images/06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES5 App Shopping Cart/images/06.jpg -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES5 App Shopping Cart/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "angular2", 3 | "version": "1.0.0", 4 | "scripts": { 5 | "lite": "lite-server", 6 | "start": " " 7 | }, 8 | "license": "ISC", 9 | "dependencies": { 10 | }, 11 | "devDependencies": { 12 | "lite-server": "^1.3.1" 13 | } 14 | } -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 React Router App/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules/ 2 | */node_modules/ 3 | /bower_components/ 4 | */bower_components/ 5 | .settings 6 | .project 7 | .project 8 | .metadata 9 | .classpath 10 | .settings/ 11 | logfile.txt 12 | 13 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 React Router App/README.md: -------------------------------------------------------------------------------- 1 | ##Basic React-Router ES6 (with Webpack) 2 | 3 | ```bash 4 | 5 | $ npm install 6 | 7 | ``` 8 | 9 | ######If you don't have webpack installed globally 10 | ```bash 11 | 12 | $ npm install -g webpack webpack-dev-server 13 | 14 | ``` 15 | ######Run webpack-dev-server 16 | ```bash 17 | 18 | $ npm start 19 | 20 | ``` -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 React Router App/src/App.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ReactDOM from 'react-dom' 3 | import Routes from './Routes' 4 | 5 | // Rendering the Layout component 6 | // to
    in index.html 7 | // while passing in the 'title' as a prop 8 | 9 | ReactDOM.render( 10 | , 11 | document.getElementById('main') 12 | ); -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 React Router App/src/components/Content/Content.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | const Content = props =>{ 4 | return( 5 |
    6 | {props.children} 7 |
    8 | ) 9 | }; 10 | export default Content -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 React Router App/src/components/Footer/Footer.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | const Footer = (props) =>{ 4 | return( 5 |
    6 |
    7 | © 2015 {props.title} 8 |
    9 |
    10 | ) 11 | }; 12 | export default Footer -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 React Router App/src/components/Header/Header.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | const Header = (props) =>{ 4 | return( 5 |

    6 | {props.title} 7 |

    8 | ) 9 | }; 10 | 11 | export default Header -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 React Router App/src/components/Pages/Contact.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | const Contact = (props) => ( 4 |
    5 |

    Contact

    6 |

    {props.location.query.message || 'contact us'}

    7 |
    8 | ); 9 | export default Contact -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015", "stage-1"] 3 | } 4 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/.gitignore: -------------------------------------------------------------------------------- 1 | bower_components 2 | examples -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/Procfile: -------------------------------------------------------------------------------- 1 | web: bundle exec puma -C config/puma.rb 2 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/README.md: -------------------------------------------------------------------------------- 1 | # Blog API 2 | 3 | Run this locally if you want to have your own blog server. 4 | 5 | Setup 6 | ----- 7 | In the project root, run the following: 8 | ``` 9 | bundle 10 | rake db:create 11 | rake db:migrate 12 | rails s 13 | ``` 14 | 15 | And away you go! 16 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/Rakefile: -------------------------------------------------------------------------------- 1 | # Add your own tasks in files placed in lib/tasks ending in .rake, 2 | # for example lib/tasks/capistrano.rake, and they will automatically be available to Rake. 3 | 4 | require File.expand_path('../config/application', __FILE__) 5 | 6 | Rails.application.load_tasks 7 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Heroku Rails sample app", 3 | "description": "A barebones Rails app, which can easily be deployed to Heroku", 4 | "image": "heroku/ruby", 5 | "repository": "https://github.com/heroku/ruby-getting-started", 6 | "keywords": ["ruby", "rails" ], 7 | "addons": [ "heroku-postgresql" ] 8 | } 9 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/assets/images/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/assets/images/.keep -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/assets/images/lang-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/assets/images/lang-logo.png -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/assets/javascripts/posts.js.coffee: -------------------------------------------------------------------------------- 1 | # Place all the behaviors and hooks related to the matching controller here. 2 | # All this logic will automatically be available in application.js. 3 | # You can use CoffeeScript in this file: http://coffeescript.org/ 4 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/assets/javascripts/welcome.js.coffee: -------------------------------------------------------------------------------- 1 | # Place all the behaviors and hooks related to the matching controller here. 2 | # All this logic will automatically be available in application.js. 3 | # You can use CoffeeScript in this file: http://coffeescript.org/ 4 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/assets/javascripts/widgets.js.coffee: -------------------------------------------------------------------------------- 1 | # Place all the behaviors and hooks related to the matching controller here. 2 | # All this logic will automatically be available in application.js. 3 | # You can use CoffeeScript in this file: http://coffeescript.org/ 4 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/assets/stylesheets/posts.scss: -------------------------------------------------------------------------------- 1 | // Place all the styles related to the posts controller here. 2 | // They will automatically be included in application.css. 3 | // You can use Sass (SCSS) here: http://sass-lang.com/ 4 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/assets/stylesheets/scaffolds.css.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/assets/stylesheets/scaffolds.css.scss -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/assets/stylesheets/welcome.css.scss: -------------------------------------------------------------------------------- 1 | // Place all the styles related to the welcome controller here. 2 | // They will automatically be included in application.css. 3 | // You can use Sass (SCSS) here: http://sass-lang.com/ -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/assets/stylesheets/widgets.css.scss: -------------------------------------------------------------------------------- 1 | // Place all the styles related to the Widgets controller here. 2 | // They will automatically be included in application.css. 3 | // You can use Sass (SCSS) here: http://sass-lang.com/ 4 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/controllers/application_controller.rb: -------------------------------------------------------------------------------- 1 | class ApplicationController < ActionController::Base 2 | # Prevent CSRF attacks by raising an exception. 3 | # For APIs, you may want to use :null_session instead. 4 | protect_from_forgery with: :null_session 5 | end 6 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/controllers/concerns/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/controllers/concerns/.keep -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/controllers/welcome_controller.rb: -------------------------------------------------------------------------------- 1 | class WelcomeController < ApplicationController 2 | 3 | # GET /welcome 4 | def index 5 | 6 | end 7 | 8 | end 9 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/helpers/application_helper.rb: -------------------------------------------------------------------------------- 1 | module ApplicationHelper 2 | end 3 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/helpers/posts_helper.rb: -------------------------------------------------------------------------------- 1 | module PostsHelper 2 | end 3 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/helpers/welcome_helper.rb: -------------------------------------------------------------------------------- 1 | module WelcomeHelper 2 | end 3 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/helpers/widgets_helper.rb: -------------------------------------------------------------------------------- 1 | module WidgetsHelper 2 | end 3 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/mailers/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/mailers/.keep -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/models/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/models/.keep -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/models/concerns/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/models/concerns/.keep -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/models/widget.rb: -------------------------------------------------------------------------------- 1 | class Widget < ActiveRecord::Base 2 | end 3 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/views/api/posts/edit.html.erb: -------------------------------------------------------------------------------- 1 |

    Editing Post

    2 | 3 | <%= render 'form' %> 4 | 5 | <%= link_to 'Show', @post %> | 6 | <%= link_to 'Back', posts_path %> 7 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/views/api/posts/index.json.jbuilder: -------------------------------------------------------------------------------- 1 | json.array!(@posts) do |post| 2 | json.extract! post, :id, :title, :categories 3 | end 4 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/views/api/posts/new.html.erb: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/views/api/posts/show.json.jbuilder: -------------------------------------------------------------------------------- 1 | json.extract! @post, :id, :title, :categories, :content 2 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/app/views/layouts/application.html.erb: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | GettingStarted 5 | <%= stylesheet_link_tag '//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css' %> 6 | <%= csrf_meta_tags %> 7 | 8 | 9 | 10 | <%= yield %> 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/bin/bundle: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env ruby 2 | ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__) 3 | load Gem.bin_path('bundler', 'bundle') 4 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/bin/rails: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env ruby 2 | begin 3 | load File.expand_path("../spring", __FILE__) 4 | rescue LoadError 5 | end 6 | APP_PATH = File.expand_path('../../config/application', __FILE__) 7 | require_relative '../config/boot' 8 | require 'rails/commands' 9 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/bin/rake: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env ruby 2 | begin 3 | load File.expand_path("../spring", __FILE__) 4 | rescue LoadError 5 | end 6 | require_relative '../config/boot' 7 | require 'rake' 8 | Rake.application.run 9 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/config.ru: -------------------------------------------------------------------------------- 1 | # This file is used by Rack-based servers to start the application. 2 | 3 | require ::File.expand_path('../config/environment', __FILE__) 4 | run Rails.application 5 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/config/boot.rb: -------------------------------------------------------------------------------- 1 | # Set up gems listed in the Gemfile. 2 | ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__) 3 | 4 | require 'bundler/setup' if File.exist?(ENV['BUNDLE_GEMFILE']) 5 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/config/database.yml: -------------------------------------------------------------------------------- 1 | default: &default 2 | adapter: sqlite3 3 | pool: 5 4 | timeout: 5000 5 | 6 | development: 7 | <<: *default 8 | database: db/development.sqlite3 9 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/config/environment.rb: -------------------------------------------------------------------------------- 1 | # Load the Rails application. 2 | require File.expand_path('../application', __FILE__) 3 | 4 | # Initialize the Rails application. 5 | Rails.application.initialize! 6 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/config/initializers/cookies_serializer.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | Rails.application.config.action_dispatch.cookies_serializer = :json -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/config/initializers/filter_parameter_logging.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # Configure sensitive parameters which will be filtered from the log file. 4 | Rails.application.config.filter_parameters += [:password] 5 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/config/initializers/mime_types.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # Add new mime types for use in respond_to blocks: 4 | # Mime::Type.register "text/richtext", :rtf 5 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/config/initializers/rack-attack.rb: -------------------------------------------------------------------------------- 1 | if Rails.env.production? 2 | class Rack::Attack 3 | Rack::Attack.throttle('req/ip', :limit => 2, :period => 1.second) do |req| 4 | req.ip 5 | end 6 | end 7 | end 8 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/config/initializers/session_store.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | Rails.application.config.session_store :cookie_store, key: '_ruby-getting-started_session' 4 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/db/migrate/20140707111715_create_widgets.rb: -------------------------------------------------------------------------------- 1 | class CreateWidgets < ActiveRecord::Migration 2 | def change 3 | create_table :widgets do |t| 4 | t.string :name 5 | t.text :description 6 | t.integer :stock 7 | 8 | t.timestamps 9 | end 10 | end 11 | end 12 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/db/migrate/20160116205902_create_posts.rb: -------------------------------------------------------------------------------- 1 | class CreatePosts < ActiveRecord::Migration 2 | def change 3 | create_table :posts do |t| 4 | t.string :title 5 | t.string :categories 6 | t.string :content 7 | 8 | t.timestamps null: false 9 | end 10 | end 11 | end 12 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/db/migrate/20160117033115_adduseridtoposts.rb: -------------------------------------------------------------------------------- 1 | class Adduseridtoposts < ActiveRecord::Migration 2 | def change 3 | add_column :posts, :key, :string 4 | end 5 | end 6 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/lib/assets/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES6 Redux App blog/apiserver/lib/assets/.keep -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/lib/tasks/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES6 Redux App blog/apiserver/lib/tasks/.keep -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/log/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES6 Redux App blog/apiserver/log/.keep -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES6 Redux App blog/apiserver/public/favicon.ico -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/public/robots.txt: -------------------------------------------------------------------------------- 1 | # See http://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file 2 | # 3 | # To ban all spiders from the entire site uncomment the next two lines: 4 | # User-agent: * 5 | # Disallow: / 6 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/test/controllers/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES6 Redux App blog/apiserver/test/controllers/.keep -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/test/controllers/welcome_controller_test.rb: -------------------------------------------------------------------------------- 1 | require 'test_helper' 2 | 3 | class WelcomeControllerTest < ActionController::TestCase 4 | # test "the truth" do 5 | # assert true 6 | # end 7 | end 8 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/test/fixtures/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES6 Redux App blog/apiserver/test/fixtures/.keep -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/test/fixtures/posts.yml: -------------------------------------------------------------------------------- 1 | # Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html 2 | 3 | one: 4 | title: MyString 5 | categories: MyString 6 | content: MyString 7 | 8 | two: 9 | title: MyString 10 | categories: MyString 11 | content: MyString 12 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/test/fixtures/widgets.yml: -------------------------------------------------------------------------------- 1 | # Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html 2 | 3 | one: 4 | name: MyString 5 | description: MyText 6 | stock: 1 7 | 8 | two: 9 | name: MyString 10 | description: MyText 11 | stock: 1 12 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/test/helpers/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES6 Redux App blog/apiserver/test/helpers/.keep -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/test/helpers/welcome_helper_test.rb: -------------------------------------------------------------------------------- 1 | require 'test_helper' 2 | 3 | class WelcomeHelperTest < ActionView::TestCase 4 | end 5 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/test/helpers/widgets_helper_test.rb: -------------------------------------------------------------------------------- 1 | require 'test_helper' 2 | 3 | class WidgetsHelperTest < ActionView::TestCase 4 | end 5 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/test/integration/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES6 Redux App blog/apiserver/test/integration/.keep -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/test/mailers/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES6 Redux App blog/apiserver/test/mailers/.keep -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/test/models/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES6 Redux App blog/apiserver/test/models/.keep -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/test/models/post_test.rb: -------------------------------------------------------------------------------- 1 | require 'test_helper' 2 | 3 | class PostTest < ActiveSupport::TestCase 4 | # test "the truth" do 5 | # assert true 6 | # end 7 | end 8 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/test/models/widget_test.rb: -------------------------------------------------------------------------------- 1 | require 'test_helper' 2 | 3 | class WidgetTest < ActiveSupport::TestCase 4 | # test "the truth" do 5 | # assert true 6 | # end 7 | end 8 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/vendor/assets/javascripts/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES6 Redux App blog/apiserver/vendor/assets/javascripts/.keep -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/apiserver/vendor/assets/stylesheets/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES6 Redux App blog/apiserver/vendor/assets/stylesheets/.keep -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/src/components/app.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Component } from 'react'; 3 | 4 | export default class App extends Component { 5 | render() { 6 | return ( 7 |
    8 | {this.props.children} 9 |
    10 | ); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/src/reducers/index.js: -------------------------------------------------------------------------------- 1 | import { combineReducers } from 'redux'; 2 | import PostsReducer from './reducer_posts'; 3 | import { reducer as formReducer } from 'redux-form'; 4 | 5 | const rootReducer = combineReducers({ 6 | posts: PostsReducer, 7 | form: formReducer 8 | }); 9 | 10 | export default rootReducer; 11 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App blog/style/style.css: -------------------------------------------------------------------------------- 1 | form a { 2 | margin-left: 5px; 3 | } 4 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App Books/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015", "stage-1"] 3 | } 4 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App Books/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules/ 2 | 3 | bundle.js 4 | 5 | npm-debug.log 6 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App Books/src/actions/index.js: -------------------------------------------------------------------------------- 1 | export function selectBook(book) { 2 | // selectBook is an ActionCreator, it needs to return an action, 3 | // an object with a type property. 4 | return { 5 | type: 'BOOK_SELECTED', 6 | payload: book 7 | }; 8 | } 9 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App Books/src/reducers/index.js: -------------------------------------------------------------------------------- 1 | import { combineReducers } from 'redux'; 2 | import BooksReducer from './reducer_books'; 3 | import ActiveBook from './reducer_active_book'; 4 | 5 | const rootReducer = combineReducers({ 6 | books: BooksReducer, 7 | activeBook: ActiveBook 8 | }); 9 | 10 | export default rootReducer; 11 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App Books/src/reducers/reducer_active_book.js: -------------------------------------------------------------------------------- 1 | // State argument is not application state, only the state 2 | // this reducer is responsible for 3 | export default function(state = null, action) { 4 | switch(action.type) { 5 | case 'BOOK_SELECTED': 6 | return action.payload; 7 | } 8 | 9 | return state; 10 | } 11 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App Books/src/reducers/reducer_books.js: -------------------------------------------------------------------------------- 1 | export default function() { 2 | return [ 3 | { title: 'Javascript: The Good Parts', pages: 101 }, 4 | { title: 'Harry Potter', pages: 39 }, 5 | { title: 'The Dark Tower', pages: 85 }, 6 | { title: 'Eloquent Ruby', pages: 1 } 7 | ]; 8 | } 9 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App Books/style/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ES6 Redux App Books/style/style.css -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App Weather/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015", "stage-1"] 3 | } 4 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App Weather/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules/ 2 | 3 | bundle.js 4 | 5 | npm-debug.log 6 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App Weather/src/reducers/index.js: -------------------------------------------------------------------------------- 1 | import { combineReducers } from 'redux'; 2 | import WeatherReducer from './reducer_weather'; 3 | 4 | const rootReducer = combineReducers({ 5 | weather: WeatherReducer 6 | }); 7 | 8 | export default rootReducer; 9 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App Weather/src/reducers/reducer_weather.js: -------------------------------------------------------------------------------- 1 | import { FETCH_WEATHER } from '../actions/index'; 2 | 3 | export default function(state = [], action) { 4 | switch (action.type) { 5 | case FETCH_WEATHER: 6 | return [ action.payload.data, ...state ]; 7 | } 8 | return state; 9 | } 10 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App Weather/style/style.css: -------------------------------------------------------------------------------- 1 | .input-group { 2 | margin: 20px 0px; 3 | } 4 | 5 | td, th { 6 | vertical-align: middle !important; 7 | text-align: center !important; 8 | } 9 | 10 | td:first-of-type { 11 | height: 200px; 12 | width: 250px; 13 | } 14 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules/ 2 | 3 | bundle.js 4 | 5 | npm-debug.log 6 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Redux TodoMVC example 5 | 6 | 7 | 8 |
    9 |
    10 | 11 | 12 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App/javascripts/constants/ActionTypes.js: -------------------------------------------------------------------------------- 1 | export const ADD_TODO = 'ADD_TODO'; 2 | export const DELETE_TODO = 'DELETE_TODO'; 3 | export const EDIT_TODO = 'EDIT_TODO'; 4 | export const COMPLETE_TODO = 'COMPLETE_TODO'; 5 | export const COMPLETE_ALL = 'COMPLETE_ALL'; 6 | export const CLEAR_COMPLETED = 'CLEAR_COMPLETED'; -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App/javascripts/constants/TodoFilters.js: -------------------------------------------------------------------------------- 1 | export const SHOW_ALL = 'show_all'; 2 | export const SHOW_COMPLETED = 'show_completed'; 3 | export const SHOW_ACTIVE = 'show_active'; -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App/javascripts/reducers/index.js: -------------------------------------------------------------------------------- 1 | import { combineReducers } from 'redux'; 2 | import todos from './todos'; 3 | 4 | const rootReducer = combineReducers({ 5 | todos 6 | }); 7 | 8 | export default rootReducer; -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App/javascripts/store/configureStore.js: -------------------------------------------------------------------------------- 1 | import { createStore } from 'redux'; 2 | import rootReducer from '../reducers'; 3 | 4 | export default function configureStore(initialState) { 5 | const store = createStore(rootReducer, initialState); 6 | 7 | return store; 8 | } -------------------------------------------------------------------------------- /Section 06 React JS Redux/ES6 Redux App/webpack.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | entry: [ 3 | './index.js' 4 | ], 5 | output: { 6 | path: __dirname + '/javascripts/', 7 | filename: '../bundle.js' 8 | }, 9 | module: { 10 | loaders: [{ 11 | test: /\.jsx?$/, 12 | loader: 'babel' 13 | }] 14 | } 15 | }; 16 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ReduxSimpleStarte-App01/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015", "stage-1"] 3 | } 4 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ReduxSimpleStarte-App01/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules/ 2 | 3 | bundle.js 4 | 5 | npm-debug.log 6 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ReduxSimpleStarte-App01/src/components/app.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Component } from 'react'; 3 | 4 | export default class App extends Component { 5 | render() { 6 | return ( 7 |
    8 | {this.props.children} 9 |
    10 | ); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ReduxSimpleStarte-App01/src/reducers/index.js: -------------------------------------------------------------------------------- 1 | import { combineReducers } from 'redux'; 2 | import PostsReducer from './reducer_posts'; 3 | import { reducer as formReducer } from 'redux-form'; 4 | 5 | const rootReducer = combineReducers({ 6 | posts: PostsReducer, 7 | form: formReducer 8 | }); 9 | 10 | export default rootReducer; 11 | -------------------------------------------------------------------------------- /Section 06 React JS Redux/ReduxSimpleStarte-App01/style/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section 06 React JS Redux/ReduxSimpleStarte-App01/style/style.css -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/.gitignore: -------------------------------------------------------------------------------- 1 | /node-modules/ 2 | */node-modules/ -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example1_very_vasic_configuration/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Webpack example 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example1_very_vasic_configuration/src/greeting.js: -------------------------------------------------------------------------------- 1 | module.exports = 'Hello, Escuela IT!'; -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example1_very_vasic_configuration/src/index.js: -------------------------------------------------------------------------------- 1 | var greeting = require('./greeting'); 2 | 3 | var element = document.createElement('h3'); 4 | element.innerHTML = greeting; 5 | document.body.appendChild(element); -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example1_very_vasic_configuration/webpack.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | entry: './src', 3 | output: { 4 | path: './dist', 5 | filename: 'bundle.js' 6 | } 7 | }; 8 | -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example2_multiple_entries/src/account.js: -------------------------------------------------------------------------------- 1 | module.exports = function(){ 2 | console.log('This is the account page'); 3 | }; -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example2_multiple_entries/src/home.js: -------------------------------------------------------------------------------- 1 | module.exports = function(){ 2 | console.log('This is the home page'); 3 | }; -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example2_multiple_entries/src/user.js: -------------------------------------------------------------------------------- 1 | module.exports = function(){ 2 | console.log('This is the user page'); 3 | }; -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example2_multiple_entries/webpack.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | context: './src', 3 | entry: { 4 | home: './home', 5 | user: ['./user', './account'] 6 | }, 7 | output: { 8 | path: './dist', 9 | filename: '[name].bundle.[hash].js' 10 | } 11 | }; 12 | -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example3_using_loaders/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015", "stage-0"] 3 | } -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example3_using_loaders/src/index.js: -------------------------------------------------------------------------------- 1 | export default class HelloWorld { 2 | salute = () => { 3 | return console.log('Hello World!'); 4 | } 5 | } -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example4_working_with_styles/src/index.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background-color:red; 3 | } 4 | 5 | .example { 6 | display: flex; 7 | transition: all .5s; 8 | user-select: none; 9 | background: linear-gradient(to bottom, white, black); 10 | } -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example4_working_with_styles/src/index.js: -------------------------------------------------------------------------------- 1 | require('./index.css'); 2 | 3 | module.exports = function(){ 4 | console.log('This is the user page'); 5 | }; 6 | -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example5_commons_chunk/src/a.js: -------------------------------------------------------------------------------- 1 | require("./style.css"); 2 | require("./styleA.css"); -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example5_commons_chunk/src/b.js: -------------------------------------------------------------------------------- 1 | require("./style.css"); 2 | require("./styleB.css"); -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example5_commons_chunk/src/c.js: -------------------------------------------------------------------------------- 1 | require("./styleC.css"); -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example5_commons_chunk/src/image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example5_commons_chunk/src/image.png -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example5_commons_chunk/src/imageA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example5_commons_chunk/src/imageA.png -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example5_commons_chunk/src/imageB.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example5_commons_chunk/src/imageB.png -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example5_commons_chunk/src/imageC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example5_commons_chunk/src/imageC.png -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example5_commons_chunk/src/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | background: url(image.png); 3 | } -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example5_commons_chunk/src/styleA.css: -------------------------------------------------------------------------------- 1 | .a { 2 | background: url(imageA.png); 3 | } -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example5_commons_chunk/src/styleB.css: -------------------------------------------------------------------------------- 1 | .b { 2 | background: url(imageB.png); 3 | } -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example5_commons_chunk/src/styleC.css: -------------------------------------------------------------------------------- 1 | @import "style.css"; 2 | .c { 3 | background: url(imageC.png); 4 | } -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example6_vendors_chunk/src/index.js: -------------------------------------------------------------------------------- 1 | require('jquery'); 2 | require('underscore'); 3 | 4 | module.exports = function(){ 5 | console.log('hello world'); 6 | }; -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example7_setting_up_a_development_environment/src/index.js: -------------------------------------------------------------------------------- 1 | require('./style.css'); 2 | require('./moduleA.js'); 3 | require('./moduleB.js'); -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example7_setting_up_a_development_environment/src/moduleA.js: -------------------------------------------------------------------------------- 1 | 2 | var newDiv = document.createElement("div"); 3 | var newContent = document.createTextNode("Hi there! I'm module A!"); 4 | newDiv.appendChild(newContent); 5 | document.body.appendChild(newDiv); -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example7_setting_up_a_development_environment/src/moduleB.js: -------------------------------------------------------------------------------- 1 | 2 | var newDiv = document.createElement("div"); 3 | var newContent = document.createTextNode("Hi there! I'm module B!"); 4 | newDiv.appendChild(newContent); 5 | document.body.appendChild(newDiv); -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example7_setting_up_a_development_environment/src/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background: pink; 3 | } -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example8_deploying_to_production/src/index.js: -------------------------------------------------------------------------------- 1 | require('./style.css'); 2 | require('./moduleA.js'); 3 | require('./moduleB.js'); -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example8_deploying_to_production/src/moduleA.js: -------------------------------------------------------------------------------- 1 | var newDiv = document.createElement("div"); 2 | var newContent = document.createTextNode("Hi there! I'm module A!"); 3 | newDiv.appendChild(newContent); 4 | document.body.appendChild(newDiv); -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example8_deploying_to_production/src/moduleB.js: -------------------------------------------------------------------------------- 1 | var newDiv = document.createElement("div"); 2 | var newContent = document.createTextNode("Hi there! I'm module B!"); 3 | newDiv.appendChild(newContent); 4 | document.body.appendChild(newDiv); -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Everything about webpack/learn-webpack-master/example8_deploying_to_production/src/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background: pink; 3 | } -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Hello World Angular 2.x/.editorconfig: -------------------------------------------------------------------------------- 1 | # editorconfig.org 2 | root = true 3 | 4 | [*] 5 | indent_style = tab 6 | end_of_line = lf 7 | charset = utf-8 8 | trim_trailing_whitespace = true 9 | insert_final_newline = true 10 | 11 | [*.md] 12 | trim_trailing_whitespace = false 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Hello World Angular 2.x/.gitignore: -------------------------------------------------------------------------------- 1 | /node-modules/ 2 | */node-modules/ -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Hello World Angular 2.x/.project: -------------------------------------------------------------------------------- 1 | 2 | 3 | MyTrainingPortal 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Hello World Angular 2.x/app/boot.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"boot.js","sourceRoot":"","sources":["boot.ts"],"names":[],"mappings":";;;;;;;;;;;YAEA,mBAAS,CAAC,mBAAG,CAAC,CAAC"} -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Hello World Angular 2.x/app/boot.ts: -------------------------------------------------------------------------------- 1 | import {bootstrap} from 'angular2/platform/browser' 2 | import {App} from './app.component' 3 | bootstrap(App); 4 | -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Hello World Using Webpack/.gitignore: -------------------------------------------------------------------------------- 1 | /node-modules/ 2 | */node-modules/ -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Hello World Using Webpack/app/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Hello World Using Webpack/dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/Hello World Using Webpack/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Setup 6 | 7 | 8 |
    9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section-01 -React introduction & Installation/links.md: -------------------------------------------------------------------------------- 1 | https://github.com/tkssharma/Gulp-Build-system 2 | 3 | https://github.com/tkssharma/Angular-2.0-starter 4 | 5 | https://github.com/tkssharma/webpack-presentation -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/02-Basic React Component using CreateElement/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "optional": ["runtime"], 3 | "stage": 0, 4 | "comments": false 5 | } 6 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/02-Basic React Component using CreateElement/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/02-Basic React Component using CreateElement/app/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/02-Basic React Component using CreateElement/dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/03-Accessing the Props Obj in React component/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "optional": ["runtime"], 3 | "stage": 0, 4 | "comments": false 5 | } 6 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/03-Accessing the Props Obj in React component/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/03-Accessing the Props Obj in React component/app/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/03-Accessing the Props Obj in React component/app/style.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-02 -React Building Blocks/03-Accessing the Props Obj in React component/app/style.js -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/03-Accessing the Props Obj in React component/dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/03-Nested Components in React JS/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "optional": ["runtime"], 3 | "stage": 0, 4 | "comments": false 5 | } 6 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/03-Nested Components in React JS/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/03-Nested Components in React JS/app/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/03-Nested Components in React JS/dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/03-React JS Nested Components and Props/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | "react" 4 | ] 5 | } -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/03-React JS Nested Components and Props/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/03-React JS Nested Components and Props/app/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Github Battle 6 | 7 | 8 | 9 |
    10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/04-Event Handeling in React component/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "optional": ["runtime"], 3 | "stage": 0, 4 | "comments": false 5 | } 6 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/04-Event Handeling in React component/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/04-Event Handeling in React component/app/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/04-Event Handeling in React component/dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/04-Initilize the React Component State/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "optional": ["runtime"], 3 | "stage": 0, 4 | "comments": false 5 | } 6 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/04-Initilize the React Component State/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/04-Initilize the React Component State/app/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/04-Initilize the React Component State/dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/05-React JS Component Lifecycle/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "optional": ["runtime"], 3 | "stage": 0, 4 | "comments": false 5 | } 6 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/05-React JS Component Lifecycle/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/05-React JS Component Lifecycle/app/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/05-React JS Component Lifecycle/dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/06-Reacts JS getting data using Refs and Traget value/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "optional": ["runtime"], 3 | "stage": 0, 4 | "comments": false 5 | } 6 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/06-Reacts JS getting data using Refs and Traget value/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/06-Reacts JS getting data using Refs and Traget value/app/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/06-Reacts JS getting data using Refs and Traget value/dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/07-Reacts js Creating todo app components/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "optional": ["runtime"], 3 | "stage": 0, 4 | "comments": false 5 | } 6 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/07-Reacts js Creating todo app components/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/07-Reacts js Creating todo app components/app/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/07-Reacts js Creating todo app components/dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/12-React js Router/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | "react" 4 | ] 5 | } -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/12-React js Router/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/12-React js Router/app/components/Home.js: -------------------------------------------------------------------------------- 1 | var React = require('react'); 2 | 3 | var Home = React.createClass({ 4 | render: function () { 5 | return ( 6 |
    Hello from Home!
    7 | ) 8 | } 9 | }); 10 | 11 | module.exports = Home; 12 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/12-React js Router/app/components/Main.js: -------------------------------------------------------------------------------- 1 | var React = require('react'); 2 | 3 | var Main = React.createClass({ 4 | render: function () { 5 | return ( 6 |
    7 | {this.props.children} 8 |
    9 | ) 10 | } 11 | }); 12 | 13 | module.exports = Main; 14 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/12-React js Router/app/components/Profile.js: -------------------------------------------------------------------------------- 1 | var React = require('react'); 2 | 3 | var Profile = React.createClass({ 4 | render: function () { 5 | return ( 6 |
    Hello from Profile Route
    7 | ) 8 | } 9 | }); 10 | 11 | module.exports = Profile; 12 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/12-React js Router/app/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Github Battle 6 | 7 | 8 | 9 |
    10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/12-React js Router/app/index.js: -------------------------------------------------------------------------------- 1 | var React = require('react'); 2 | var ReactDOM = require('react-dom'); 3 | var routes = require('./config/routes'); 4 | 5 | ReactDOM.render(routes, document.getElementById('app')); -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/14-Component lifeCycle Methods/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | "react" 4 | ] 5 | } -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/14-Component lifeCycle Methods/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/14-Component lifeCycle Methods/app/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Github Battle 6 | 7 | 8 | 9 |
    10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/14-Controlled Components/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | "react" 4 | ] 5 | } -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/14-Controlled Components/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/14-Controlled Components/app/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Github Battle 6 | 7 | 8 | 9 |
    10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/Example 01 - Item List/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "optional": ["runtime"], 3 | "stage": 0, 4 | "comments": false 5 | } 6 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/Example 01 - Item List/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/Example 01 - Item List/app/demo.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-02 -React Building Blocks/Example 01 - Item List/app/demo.js -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/Example 01 - Item List/dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/Example 02 -Timer/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "optional": ["runtime"], 3 | "stage": 0, 4 | "comments": false 5 | } 6 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/Example 02 -Timer/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/Example 02 -Timer/dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/Example 03 - Menu/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "optional": ["runtime"], 3 | "stage": 0, 4 | "comments": false 5 | } 6 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/Example 03 - Menu/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/Example 03 - Menu/dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/Example 04 Search/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "optional": ["runtime"], 3 | "stage": 0, 4 | "comments": false 5 | } 6 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/Example 04 Search/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | -------------------------------------------------------------------------------- /Section-02 -React Building Blocks/Example 04 Search/dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | bundle.js 3 | npm-debug.log 4 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/README.md: -------------------------------------------------------------------------------- 1 | ```bash 2 | npm install babel -g 3 | npm install 4 | npm start 5 | ``` 6 | 7 | open browser to http://localhost:3000 8 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/Understanding ES6/destructuring-assignment.js: -------------------------------------------------------------------------------- 1 | /** 2 | * extract data from arrays or objects 3 | */ 4 | 5 | var foo = [1, 2, 3]; 6 | var [one, two, three] = foo; 7 | // one => 1, two => 2, three => 3 8 | 9 | var {a, b} = {a:1, b:2}; 10 | // a => 1, b => 2 -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/Understanding ES6/modules.js: -------------------------------------------------------------------------------- 1 | /** 2 | * extract data from arrays or objects 3 | */ 4 | 5 | // utils.js 6 | export const pi = 3.14; 7 | export function add(x, y){ 8 | return x + y; 9 | } 10 | 11 | // index.js 12 | import {pi, add} from utils; -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/Understanding ES6/rest-params.js: -------------------------------------------------------------------------------- 1 | /** 2 | * rest, params passed as an array to function 3 | */ 4 | 5 | function foo(...x){ 6 | // x is an array 7 | return x.length; 8 | } 9 | 10 | foo(1, 2, 3, 4); // 4 -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/Understanding ES6/spread.js: -------------------------------------------------------------------------------- 1 | /** 2 | * spread allows you to pass each element of an array as a parameter. 3 | */ 4 | 5 | var list = [1, 2, 3, 4]; 6 | 7 | function foo(i, j, k, l){ 8 | return i*j*k*l; 9 | } 10 | 11 | foo(...list); // 24 -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/Understanding ES6/symbols.js: -------------------------------------------------------------------------------- 1 | /** 2 | * unique and immutable datatype 3 | */ 4 | 5 | var foo = Symbol(); 6 | var bar = Symbol("foo"); -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/lessons/01-intro/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Setup 6 | 7 | 8 |
    9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/lessons/01-intro/main.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Arrow functions have shorter syntax than function expressions. 3 | * These functions also lexically bind `this` value and are always anonymous. 4 | */ 5 | 6 | let foo = ["Hello", "World"]; 7 | 8 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/lessons/02-let/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Setup 6 | 7 | 8 |
    9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/lessons/03-constants/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Setup 6 | 7 | 8 |
    9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/lessons/04-defaults/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Setup 6 | 7 | 8 |
    9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/lessons/05-Rest-Param-Spread-Operator/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Setup 6 | 7 | 8 |
    9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/lessons/05-arrow/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Setup 6 | 7 | 8 |
    9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/lessons/06-Object-Destructuring/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Setup 6 | 7 | 8 |
    9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/lessons/07-Object-Assign/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Setup 6 | 7 | 8 |
    9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/lessons/07-Object-String/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Setup 6 | 7 | 8 |
    9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/lessons/08-Template-Strings/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Setup 6 | 7 | 8 |
    9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/lessons/09-Arrays/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Setup 6 | 7 | 8 |
    9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/lessons/10-Maps-Sets/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Setup 6 | 7 | 8 |
    9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/lessons/11-ES6-Native-Promises/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Setup 6 | 7 | 8 |
    9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/lessons/12-classes/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Setup 6 | 7 | 8 |
    9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/lessons/13-modules/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Setup 6 | 7 | 8 |
    9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/lessons/13-modules/lib/math.js: -------------------------------------------------------------------------------- 1 | export function sum(x, y) { 2 | return x + y; 3 | } 4 | export var pi = 3.141593; 5 | 6 | export const sqrt = Math.sqrt; 7 | export function square(x) { 8 | return x * x; 9 | } 10 | export function diag(x, y) { 11 | return sqrt(square(x) + square(y)); 12 | } 13 | 14 | // export {sum,diag}; -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Learning Series/lessons/14-generators/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Setup 6 | 7 | 8 |
    9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Starter App/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "optional": ["runtime"], 3 | "stage": 0, 4 | "comments": false 5 | } 6 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Starter App/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Starter App/app/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-03-ES6 for React JS/ES6-Starter App/dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React.js using NPM, Babel6 and Webpack 5 | 6 | 7 |
    8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015", "stage-1"] 3 | } 4 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/.gitignore: -------------------------------------------------------------------------------- 1 | bower_components 2 | examples -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/Procfile: -------------------------------------------------------------------------------- 1 | web: bundle exec puma -C config/puma.rb 2 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/README.md: -------------------------------------------------------------------------------- 1 | # Blog API 2 | 3 | Run this locally if you want to have your own blog server. 4 | 5 | Setup 6 | ----- 7 | In the project root, run the following: 8 | ``` 9 | bundle 10 | rake db:create 11 | rake db:migrate 12 | rails s 13 | ``` 14 | 15 | And away you go! 16 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/Rakefile: -------------------------------------------------------------------------------- 1 | # Add your own tasks in files placed in lib/tasks ending in .rake, 2 | # for example lib/tasks/capistrano.rake, and they will automatically be available to Rake. 3 | 4 | require File.expand_path('../config/application', __FILE__) 5 | 6 | Rails.application.load_tasks 7 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Heroku Rails sample app", 3 | "description": "A barebones Rails app, which can easily be deployed to Heroku", 4 | "image": "heroku/ruby", 5 | "repository": "https://github.com/heroku/ruby-getting-started", 6 | "keywords": ["ruby", "rails" ], 7 | "addons": [ "heroku-postgresql" ] 8 | } 9 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/assets/images/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-07 Redux Apps/React Blog App/apiserver/app/assets/images/.keep -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/assets/images/lang-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-07 Redux Apps/React Blog App/apiserver/app/assets/images/lang-logo.png -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/assets/javascripts/posts.js.coffee: -------------------------------------------------------------------------------- 1 | # Place all the behaviors and hooks related to the matching controller here. 2 | # All this logic will automatically be available in application.js. 3 | # You can use CoffeeScript in this file: http://coffeescript.org/ 4 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/assets/javascripts/welcome.js.coffee: -------------------------------------------------------------------------------- 1 | # Place all the behaviors and hooks related to the matching controller here. 2 | # All this logic will automatically be available in application.js. 3 | # You can use CoffeeScript in this file: http://coffeescript.org/ 4 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/assets/javascripts/widgets.js.coffee: -------------------------------------------------------------------------------- 1 | # Place all the behaviors and hooks related to the matching controller here. 2 | # All this logic will automatically be available in application.js. 3 | # You can use CoffeeScript in this file: http://coffeescript.org/ 4 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/assets/stylesheets/posts.scss: -------------------------------------------------------------------------------- 1 | // Place all the styles related to the posts controller here. 2 | // They will automatically be included in application.css. 3 | // You can use Sass (SCSS) here: http://sass-lang.com/ 4 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/assets/stylesheets/scaffolds.css.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-07 Redux Apps/React Blog App/apiserver/app/assets/stylesheets/scaffolds.css.scss -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/assets/stylesheets/welcome.css.scss: -------------------------------------------------------------------------------- 1 | // Place all the styles related to the welcome controller here. 2 | // They will automatically be included in application.css. 3 | // You can use Sass (SCSS) here: http://sass-lang.com/ -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/assets/stylesheets/widgets.css.scss: -------------------------------------------------------------------------------- 1 | // Place all the styles related to the Widgets controller here. 2 | // They will automatically be included in application.css. 3 | // You can use Sass (SCSS) here: http://sass-lang.com/ 4 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/controllers/application_controller.rb: -------------------------------------------------------------------------------- 1 | class ApplicationController < ActionController::Base 2 | # Prevent CSRF attacks by raising an exception. 3 | # For APIs, you may want to use :null_session instead. 4 | protect_from_forgery with: :null_session 5 | end 6 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/controllers/concerns/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-07 Redux Apps/React Blog App/apiserver/app/controllers/concerns/.keep -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/controllers/welcome_controller.rb: -------------------------------------------------------------------------------- 1 | class WelcomeController < ApplicationController 2 | 3 | # GET /welcome 4 | def index 5 | 6 | end 7 | 8 | end 9 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/helpers/application_helper.rb: -------------------------------------------------------------------------------- 1 | module ApplicationHelper 2 | end 3 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/helpers/posts_helper.rb: -------------------------------------------------------------------------------- 1 | module PostsHelper 2 | end 3 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/helpers/welcome_helper.rb: -------------------------------------------------------------------------------- 1 | module WelcomeHelper 2 | end 3 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/helpers/widgets_helper.rb: -------------------------------------------------------------------------------- 1 | module WidgetsHelper 2 | end 3 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/mailers/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-07 Redux Apps/React Blog App/apiserver/app/mailers/.keep -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/models/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-07 Redux Apps/React Blog App/apiserver/app/models/.keep -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/models/concerns/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-07 Redux Apps/React Blog App/apiserver/app/models/concerns/.keep -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/models/post.rb: -------------------------------------------------------------------------------- 1 | require 'obscenity/active_model' 2 | 3 | class Post < ActiveRecord::Base 4 | validates :title, obscenity: { sanitize: true, replacement: "kitten" } 5 | validates :categories, obscenity: { sanitize: true, replacement: "kitten" } 6 | validates :content, obscenity: { sanitize: true, replacement: "kitten" } 7 | end 8 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/models/widget.rb: -------------------------------------------------------------------------------- 1 | class Widget < ActiveRecord::Base 2 | end 3 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/views/api/posts/edit.html.erb: -------------------------------------------------------------------------------- 1 |

    Editing Post

    2 | 3 | <%= render 'form' %> 4 | 5 | <%= link_to 'Show', @post %> | 6 | <%= link_to 'Back', posts_path %> 7 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/views/api/posts/index.json.jbuilder: -------------------------------------------------------------------------------- 1 | json.array!(@posts) do |post| 2 | json.extract! post, :id, :title, :categories 3 | end 4 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/views/api/posts/new.html.erb: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/views/api/posts/show.json.jbuilder: -------------------------------------------------------------------------------- 1 | json.extract! @post, :id, :title, :categories, :content 2 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/app/views/layouts/application.html.erb: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | GettingStarted 5 | <%= stylesheet_link_tag '//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css' %> 6 | <%= csrf_meta_tags %> 7 | 8 | 9 | 10 | <%= yield %> 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/bin/bundle: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env ruby 2 | ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__) 3 | load Gem.bin_path('bundler', 'bundle') 4 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/bin/rails: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env ruby 2 | begin 3 | load File.expand_path("../spring", __FILE__) 4 | rescue LoadError 5 | end 6 | APP_PATH = File.expand_path('../../config/application', __FILE__) 7 | require_relative '../config/boot' 8 | require 'rails/commands' 9 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/bin/rake: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env ruby 2 | begin 3 | load File.expand_path("../spring", __FILE__) 4 | rescue LoadError 5 | end 6 | require_relative '../config/boot' 7 | require 'rake' 8 | Rake.application.run 9 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/config.ru: -------------------------------------------------------------------------------- 1 | # This file is used by Rack-based servers to start the application. 2 | 3 | require ::File.expand_path('../config/environment', __FILE__) 4 | run Rails.application 5 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/config/boot.rb: -------------------------------------------------------------------------------- 1 | # Set up gems listed in the Gemfile. 2 | ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__) 3 | 4 | require 'bundler/setup' if File.exist?(ENV['BUNDLE_GEMFILE']) 5 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/config/database.yml: -------------------------------------------------------------------------------- 1 | default: &default 2 | adapter: sqlite3 3 | pool: 5 4 | timeout: 5000 5 | 6 | development: 7 | <<: *default 8 | database: db/development.sqlite3 9 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/config/environment.rb: -------------------------------------------------------------------------------- 1 | # Load the Rails application. 2 | require File.expand_path('../application', __FILE__) 3 | 4 | # Initialize the Rails application. 5 | Rails.application.initialize! 6 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/config/initializers/cookies_serializer.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | Rails.application.config.action_dispatch.cookies_serializer = :json -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/config/initializers/filter_parameter_logging.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # Configure sensitive parameters which will be filtered from the log file. 4 | Rails.application.config.filter_parameters += [:password] 5 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/config/initializers/mime_types.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # Add new mime types for use in respond_to blocks: 4 | # Mime::Type.register "text/richtext", :rtf 5 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/config/initializers/rack-attack.rb: -------------------------------------------------------------------------------- 1 | if Rails.env.production? 2 | class Rack::Attack 3 | Rack::Attack.throttle('req/ip', :limit => 2, :period => 1.second) do |req| 4 | req.ip 5 | end 6 | end 7 | end 8 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/config/initializers/session_store.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | Rails.application.config.session_store :cookie_store, key: '_ruby-getting-started_session' 4 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/db/migrate/20140707111715_create_widgets.rb: -------------------------------------------------------------------------------- 1 | class CreateWidgets < ActiveRecord::Migration 2 | def change 3 | create_table :widgets do |t| 4 | t.string :name 5 | t.text :description 6 | t.integer :stock 7 | 8 | t.timestamps 9 | end 10 | end 11 | end 12 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/db/migrate/20160116205902_create_posts.rb: -------------------------------------------------------------------------------- 1 | class CreatePosts < ActiveRecord::Migration 2 | def change 3 | create_table :posts do |t| 4 | t.string :title 5 | t.string :categories 6 | t.string :content 7 | 8 | t.timestamps null: false 9 | end 10 | end 11 | end 12 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/db/migrate/20160117033115_adduseridtoposts.rb: -------------------------------------------------------------------------------- 1 | class Adduseridtoposts < ActiveRecord::Migration 2 | def change 3 | add_column :posts, :key, :string 4 | end 5 | end 6 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/lib/assets/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-07 Redux Apps/React Blog App/apiserver/lib/assets/.keep -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/lib/tasks/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-07 Redux Apps/React Blog App/apiserver/lib/tasks/.keep -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/log/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-07 Redux Apps/React Blog App/apiserver/log/.keep -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-07 Redux Apps/React Blog App/apiserver/public/favicon.ico -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/public/robots.txt: -------------------------------------------------------------------------------- 1 | # See http://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file 2 | # 3 | # To ban all spiders from the entire site uncomment the next two lines: 4 | # User-agent: * 5 | # Disallow: / 6 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/test/controllers/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-07 Redux Apps/React Blog App/apiserver/test/controllers/.keep -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/test/controllers/welcome_controller_test.rb: -------------------------------------------------------------------------------- 1 | require 'test_helper' 2 | 3 | class WelcomeControllerTest < ActionController::TestCase 4 | # test "the truth" do 5 | # assert true 6 | # end 7 | end 8 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/test/fixtures/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-07 Redux Apps/React Blog App/apiserver/test/fixtures/.keep -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/test/fixtures/posts.yml: -------------------------------------------------------------------------------- 1 | # Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html 2 | 3 | one: 4 | title: MyString 5 | categories: MyString 6 | content: MyString 7 | 8 | two: 9 | title: MyString 10 | categories: MyString 11 | content: MyString 12 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/test/fixtures/widgets.yml: -------------------------------------------------------------------------------- 1 | # Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html 2 | 3 | one: 4 | name: MyString 5 | description: MyText 6 | stock: 1 7 | 8 | two: 9 | name: MyString 10 | description: MyText 11 | stock: 1 12 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/test/helpers/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-07 Redux Apps/React Blog App/apiserver/test/helpers/.keep -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/test/helpers/welcome_helper_test.rb: -------------------------------------------------------------------------------- 1 | require 'test_helper' 2 | 3 | class WelcomeHelperTest < ActionView::TestCase 4 | end 5 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/test/helpers/widgets_helper_test.rb: -------------------------------------------------------------------------------- 1 | require 'test_helper' 2 | 3 | class WidgetsHelperTest < ActionView::TestCase 4 | end 5 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/test/integration/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-07 Redux Apps/React Blog App/apiserver/test/integration/.keep -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/test/mailers/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-07 Redux Apps/React Blog App/apiserver/test/mailers/.keep -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/test/models/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-07 Redux Apps/React Blog App/apiserver/test/models/.keep -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/test/models/post_test.rb: -------------------------------------------------------------------------------- 1 | require 'test_helper' 2 | 3 | class PostTest < ActiveSupport::TestCase 4 | # test "the truth" do 5 | # assert true 6 | # end 7 | end 8 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/test/models/widget_test.rb: -------------------------------------------------------------------------------- 1 | require 'test_helper' 2 | 3 | class WidgetTest < ActiveSupport::TestCase 4 | # test "the truth" do 5 | # assert true 6 | # end 7 | end 8 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/vendor/assets/javascripts/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-07 Redux Apps/React Blog App/apiserver/vendor/assets/javascripts/.keep -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/apiserver/vendor/assets/stylesheets/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-07 Redux Apps/React Blog App/apiserver/vendor/assets/stylesheets/.keep -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/src/components/app.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Component } from 'react'; 3 | 4 | export default class App extends Component { 5 | render() { 6 | return ( 7 |
    8 | {this.props.children} 9 |
    10 | ); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/src/reducers/index.js: -------------------------------------------------------------------------------- 1 | import { combineReducers } from 'redux'; 2 | import PostsReducer from './reducer_posts'; 3 | import { reducer as formReducer } from 'redux-form'; 4 | 5 | const rootReducer = combineReducers({ 6 | posts: PostsReducer, 7 | form: formReducer 8 | }); 9 | 10 | export default rootReducer; 11 | -------------------------------------------------------------------------------- /Section-07 Redux Apps/React Blog App/style/style.css: -------------------------------------------------------------------------------- 1 | form a { 2 | margin-left: 5px; 3 | } 4 | -------------------------------------------------------------------------------- /Section-08-Applications/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules/ 2 | */node_modules/ 3 | /bower_components/ 4 | */bower_components/ 5 | .settings 6 | .project 7 | .project 8 | .metadata 9 | .classpath 10 | .settings/ 11 | logfile.txt 12 | 13 | -------------------------------------------------------------------------------- /Section-08-Applications/Jasmine Starter/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules/ 2 | 3 | bundle.js 4 | 5 | npm-debug.log 6 | -------------------------------------------------------------------------------- /Section-08-Applications/Jasmine Starter/lib/jasmine-2.3.0/jasmine_favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-08-Applications/Jasmine Starter/lib/jasmine-2.3.0/jasmine_favicon.png -------------------------------------------------------------------------------- /Section-08-Applications/Jasmine Starter/lib/jasmine-2.3.2/jasmine_favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-08-Applications/Jasmine Starter/lib/jasmine-2.3.2/jasmine_favicon.png -------------------------------------------------------------------------------- /Section-08-Applications/Jasmine Starter/src/Song.js: -------------------------------------------------------------------------------- 1 | function Song() { 2 | } 3 | 4 | Song.prototype.persistFavoriteStatus = function(value) { 5 | // something complicated 6 | throw new Error("not yet implemented"); 7 | }; -------------------------------------------------------------------------------- /Section-08-Applications/React-Karma-Boilerplate/.eslintignore: -------------------------------------------------------------------------------- 1 | # Tests 2 | **/*.test.js 3 | **/*.test.jsx 4 | -------------------------------------------------------------------------------- /Section-08-Applications/React-Karma-Boilerplate/README.md: -------------------------------------------------------------------------------- 1 | # React and Karma Boilerplate 2 | 3 | Just a simple boilerplate for React, Webpack and testing with Karma and Mocha + applicable tools. 4 | 5 | You can place your tests anywhere inside of `/src` along with the suffix `.test.js` or `test.jsx`. 6 | -------------------------------------------------------------------------------- /Section-08-Applications/React-Karma-Boilerplate/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Karma Test Example 7 | 8 | 9 | 10 |
    11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /Section-08-Applications/React-Karma-Boilerplate/src/styles/app.css: -------------------------------------------------------------------------------- 1 | .BigComplicatedComponent { 2 | background: red; 3 | } 4 | 5 | .CheckboxWithLabel { 6 | background: yellow; 7 | } 8 | -------------------------------------------------------------------------------- /Section-08-Applications/React-Mocha Starter/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015"] 3 | } -------------------------------------------------------------------------------- /Section-08-Applications/React-Mocha Starter/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules/ 2 | 3 | bundle.js 4 | 5 | npm-debug.log 6 | -------------------------------------------------------------------------------- /Section-08-Applications/React-Mocha Starter/app.jsx: -------------------------------------------------------------------------------- 1 | var ReactDOM = require('react-dom'); 2 | var VeryFirstDiv = require('./components/component'); 3 | 4 | ReactDOM.render( 5 | , 6 | document.getElementById('container') 7 | ); -------------------------------------------------------------------------------- /Section-08-Applications/React-Mocha Starter/components/component.jsx: -------------------------------------------------------------------------------- 1 | var React = require('react'); 2 | 3 | var VeryFirstDiv = React.createClass ({ 4 | render() { 5 | return ( 6 |
    7 | Lovely! Here it is - my very first React component! 8 |
    9 | ); 10 | } 11 | }); 12 | 13 | module.exports = VeryFirstDiv; -------------------------------------------------------------------------------- /Section-08-Applications/React-Mocha Starter/test/dom-mock.js: -------------------------------------------------------------------------------- 1 | module.exports = function(markup) { 2 | if (typeof document !== 'undefined') return; 3 | 4 | var jsdom = require('jsdom').jsdom; 5 | 6 | global.document = jsdom(markup || ''); 7 | global.window = document.defaultView; 8 | global.navigator = { 9 | userAgent: 'node.js' 10 | }; 11 | }; -------------------------------------------------------------------------------- /Section-08-Applications/React-Mocha Starter/test/empty-test.js: -------------------------------------------------------------------------------- 1 | var assert = require('assert'); 2 | 3 | describe('Empty test', function() { 4 | 5 | it('empty test should run successfully', function() { 6 | 7 | assert.equal('A', 'A'); 8 | }); 9 | }); -------------------------------------------------------------------------------- /Section-08-Applications/React-Mocha/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules/ 2 | 3 | bundle.js 4 | 5 | npm-debug.log 6 | -------------------------------------------------------------------------------- /Section-08-Applications/React-Mocha/.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | node_js: 3 | - '0.10' 4 | -------------------------------------------------------------------------------- /Section-08-Applications/React-Mocha/component.js: -------------------------------------------------------------------------------- 1 | var React = require('react'); 2 | 3 | module.exports = React.createClass({ 4 | getDefaultProps: function() { 5 | return {name: 'World'}; 6 | }, 7 | render: function () { 8 | return ( 9 |
    Hello {this.props.name}!
    10 | ); 11 | } 12 | }); 13 | -------------------------------------------------------------------------------- /Section-08-Applications/React-Mocha/test-setup.js: -------------------------------------------------------------------------------- 1 | if (typeof document === 'undefined') { 2 | var jsdom = require("jsdom").jsdom; 3 | global.document = jsdom(''); 4 | global.window = document.parentWindow; 5 | global.navigator = {userAgent: ''}; 6 | 7 | // ... add whatever browser globals your tests might need ... 8 | } 9 | -------------------------------------------------------------------------------- /Section-08-Applications/react-jest-master/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015", "react"] 3 | } 4 | -------------------------------------------------------------------------------- /Section-08-Applications/react-jest-master/.editorconfig: -------------------------------------------------------------------------------- 1 | # editorconfig.org 2 | root = true 3 | 4 | [*] 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | charset = utf-8 9 | trim_trailing_whitespace = true 10 | insert_final_newline = true 11 | 12 | [*.md] 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Section-08-Applications/react-jest-master/.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "airbnb", 3 | "rules": { 4 | "no-multi-spaces": [0] 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /Section-08-Applications/react-jest-master/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | coverage -------------------------------------------------------------------------------- /Section-08-Applications/react-jest-master/CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # CHANGELOG 2 | 3 | ## v0.0.2 4 | 5 | Fix README.md 6 | 7 | ## v0.0.1 8 | 9 | First release. 10 | -------------------------------------------------------------------------------- /Section-08-Applications/react-jest-master/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
    5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /Section-08-Applications/react-jest-master/src/components/sum.js: -------------------------------------------------------------------------------- 1 | const sum = (x, y) => { 2 | return x + y; 3 | }; 4 | 5 | module.exports = sum; 6 | -------------------------------------------------------------------------------- /Section-08-Applications/react-jest-master/tests/components/sum-test.js: -------------------------------------------------------------------------------- 1 | /* global jest, describe, it, expect */ 2 | jest.dontMock('../../src/components/sum'); 3 | 4 | const sum = require('../../src/components/sum'); 5 | 6 | describe('sum', () => { 7 | it('returns the sum of two numbers', () => { 8 | expect(sum(3, 4)).toBe(7); 9 | }); 10 | }); 11 | -------------------------------------------------------------------------------- /Section-08-Applications/react-jest-master/webpack.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | entry: './src/app.js', 3 | output: { 4 | path: './dist', 5 | filename: 'bundle.js', 6 | }, 7 | module: { 8 | loaders: [{test: /\.js$/, loader: 'babel'}], 9 | }, 10 | }; 11 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/App/Utils/Property/actions.js: -------------------------------------------------------------------------------- 1 | /* @flow */ 2 | var Reflux = require('reflux'); 3 | 4 | var Actions = Reflux.createActions([ 5 | 'changeShowingProperty', 6 | ]); 7 | 8 | module.exports = Actions; 9 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/App/Utils/Stock/actions.js: -------------------------------------------------------------------------------- 1 | /* @flow */ 2 | var Reflux = require('reflux'); 3 | 4 | var Actions = Reflux.createActions([ 5 | 'addStock', 6 | 'deleteStock', 7 | 'moveUpStock', 8 | 'moveDownStock', 9 | 'updateStocks', 10 | ]); 11 | 12 | module.exports = Actions; 13 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/android/app/src/main/assets/fonts/Entypo.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/React Native App-02/android/app/src/main/assets/fonts/Entypo.ttf -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/android/app/src/main/assets/fonts/EvilIcons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/React Native App-02/android/app/src/main/assets/fonts/EvilIcons.ttf -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/android/app/src/main/assets/fonts/FontAwesome.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/React Native App-02/android/app/src/main/assets/fonts/FontAwesome.ttf -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/android/app/src/main/assets/fonts/Foundation.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/React Native App-02/android/app/src/main/assets/fonts/Foundation.ttf -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/android/app/src/main/assets/fonts/Ionicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/React Native App-02/android/app/src/main/assets/fonts/Ionicons.ttf -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/android/app/src/main/assets/fonts/MaterialIcons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/React Native App-02/android/app/src/main/assets/fonts/MaterialIcons.ttf -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/android/app/src/main/assets/fonts/Octicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/React Native App-02/android/app/src/main/assets/fonts/Octicons.ttf -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/android/app/src/main/assets/fonts/Zocial.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/React Native App-02/android/app/src/main/assets/fonts/Zocial.ttf -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/React Native App-02/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/React Native App-02/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/React Native App-02/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/React Native App-02/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/React Native App-02/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | Finance 3 | 4 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/React Native App-02/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | zipStoreBase=GRADLE_USER_HOME 4 | zipStorePath=wrapper/dists 5 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.4-all.zip 6 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'Finance' 2 | 3 | include ':app' 4 | include ':react-native-vector-icons' 5 | project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android') 6 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/google-play.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/React Native App-02/google-play.png -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/index.ios.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native App 3 | * https://github.com/facebook/react-native 4 | */ 5 | 'use strict'; 6 | 7 | import {AppRegistry} from 'react-native'; 8 | import Finance from './Finance'; 9 | 10 | AppRegistry.registerComponent('Finance', () => Finance); 11 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/previewAndroid.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/React Native App-02/previewAndroid.gif -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Native App-02/previewIOS.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/React Native App-02/previewIOS.gif -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Recap Basics/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Recap Basics/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React For Everyone 5 | 6 | 7 |
    8 | 9 | 10 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Recap Basics/src/Contact.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | class Contact extends React.Component { 4 | render() { 5 | return ( 6 |
  • 7 | {this.props.contact.name} {this.props.contact.phone} 8 |
    • 9 | ) 10 | } 11 | } 12 | 13 | export default Contact; -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Recap Basics/webpack.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | entry: [ 3 | './src/App.js' 4 | ], 5 | output: { 6 | path: __dirname, 7 | filename: 'app.js' 8 | }, 9 | module: { 10 | loaders: [{ 11 | test: /\.jsx?$/, 12 | loader: 'babel' 13 | }] 14 | } 15 | }; -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Redux Recap/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015", "react"], 3 | "plugins": ["transform-runtime", "transform-class-properties"] 4 | } 5 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Redux Recap/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_STORE 2 | node_modules 3 | static 4 | .module-cache 5 | *.log* 6 | 7 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Redux Recap/client/components/Grid/Body.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | export default ({ children })=> { 4 | return ( 5 | {children} 6 | ); 7 | }; 8 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Redux Recap/client/components/Grid/Footer.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | export default ({children})=> { 4 | return ( 5 | {children} 6 | ); 7 | }; 8 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Redux Recap/client/components/Grid/Row.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | export default ({children})=> { 4 | return ( 5 | {children} 6 | ); 7 | }; 8 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Redux Recap/client/components/Header/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | export default ()=> { 4 | return ( 5 |
    6 |

    Budget

    7 |
    8 | ); 9 | }; 10 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Redux Recap/client/data/transactions.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/React Redux Recap/client/data/transactions.json -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Redux Recap/client/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Budgeting - React + Redux Sample 6 | 7 | 8 |
    9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Redux Recap/client/reducers/index.js: -------------------------------------------------------------------------------- 1 | import { routeReducer as routing } from 'react-router-redux'; 2 | import { combineReducers } from 'redux'; 3 | 4 | import transactions from './transactions'; 5 | 6 | /** 7 | * Routing to be implemented 8 | */ 9 | export default combineReducers({ 10 | routing, 11 | transactions 12 | }); 13 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/React Redux Recap/client/store/index.js: -------------------------------------------------------------------------------- 1 | import { createStore, applyMiddleware } from 'redux'; 2 | import thunk from 'redux-thunk'; 3 | 4 | import rootReducer from 'reducers'; 5 | 6 | const createStoreWithMiddleware = applyMiddleware(thunk)(createStore); 7 | const store = createStoreWithMiddleware(rootReducer); 8 | 9 | export default store; 10 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/ReactNativeNews-01/demo/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/ReactNativeNews-01/demo/images/1.png -------------------------------------------------------------------------------- /Section-09 React Native Apps/ReactNativeNews-01/demo/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/ReactNativeNews-01/demo/images/2.png -------------------------------------------------------------------------------- /Section-09 React Native Apps/ReactNativeNews-01/iOS/ReactNativeNews.xcodeproj/project.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/ReactNativeNews-01/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/ReactNativeNews-01/icon.png -------------------------------------------------------------------------------- /Section-09 React Native Apps/ReactNativeNews-01/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "ReactNativeNews", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "start": "react-native start" 7 | }, 8 | "dependencies": { 9 | "react-native": "^0.17.0" 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/Tic-Tac-Toe-App/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /Section-09 React Native Apps/Tic-Tac-Toe-App/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/Tic-Tac-Toe-App/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /Section-09 React Native Apps/Tic-Tac-Toe-App/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/Tic-Tac-Toe-App/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /Section-09 React Native Apps/Tic-Tac-Toe-App/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/Tic-Tac-Toe-App/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /Section-09 React Native Apps/Tic-Tac-Toe-App/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/Tic-Tac-Toe-App/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /Section-09 React Native Apps/Tic-Tac-Toe-App/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | TicTacToeApp 3 | 4 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/Tic-Tac-Toe-App/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/Tic-Tac-Toe-App/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/Tic-Tac-Toe-App/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /Section-09 React Native Apps/Tic-Tac-Toe-App/android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | zipStoreBase=GRADLE_USER_HOME 4 | zipStorePath=wrapper/dists 5 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.4-all.zip 6 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/Tic-Tac-Toe-App/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'TicTacToeApp' 2 | 3 | include ':app' 4 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/Tic-Tac-Toe-App/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "TicTacToeApp", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "start": "react-native start" 7 | }, 8 | "dependencies": { 9 | "react-native": "^0.14.2" 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/Todo App React Native/.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/Todo App React Native/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /Section-09 React Native Apps/Todo App React Native/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/Todo App React Native/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /Section-09 React Native Apps/Todo App React Native/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/Todo App React Native/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /Section-09 React Native Apps/Todo App React Native/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/Todo App React Native/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /Section-09 React Native Apps/Todo App React Native/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/Todo App React Native/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /Section-09 React Native Apps/Todo App React Native/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | ToDoApp 3 | 4 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/Todo App React Native/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/Todo App React Native/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkssharma/Reactcast/4bb4031f86424973d709269e9eb5db1e1a14df86/Section-09 React Native Apps/Todo App React Native/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /Section-09 React Native Apps/Todo App React Native/android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | zipStoreBase=GRADLE_USER_HOME 4 | zipStorePath=wrapper/dists 5 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.4-all.zip 6 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/Todo App React Native/android/keystores/BUCK: -------------------------------------------------------------------------------- 1 | keystore( 2 | name = 'debug', 3 | store = 'debug.keystore', 4 | properties = 'debug.keystore.properties', 5 | visibility = [ 6 | 'PUBLIC', 7 | ], 8 | ) 9 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/Todo App React Native/android/keystores/debug.keystore.properties: -------------------------------------------------------------------------------- 1 | key.store=debug.keystore 2 | key.alias=androiddebugkey 3 | key.store.password=android 4 | key.alias.password=android 5 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/Todo App React Native/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'ToDoApp' 2 | 3 | include ':app' 4 | -------------------------------------------------------------------------------- /Section-09 React Native Apps/Todo App React Native/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "ToDoApp", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "start": "node node_modules/react-native/local-cli/cli.js start" 7 | }, 8 | "dependencies": { 9 | "react": "^0.14.8", 10 | "react-native": "^0.24.1", 11 | "tcomb-form-native": "^0.4.2" 12 | } 13 | } 14 | --------------------------------------------------------------------------------