A collection of experiments that I am using to learn more about React.js.
React basics snippets created while I was reading books and posts and watching tutorials.
- drag and drop component (DnD-components folder)
- demo using react addons - clone element (add-ons-snippets folder)
- animated list demo (animated-shopping-list folder)
- demo using third party library - TweenMax and ScrollMagic (animations folder)
- common react components (controlled input, toggle contend, using this.refs) and mixin (component-snippets folder)
- list filter (list-filter folder)
- react router (router-demo folder)
- demo with ability of adding new element with editable field (taskbar folder)
- webpack configuration for build and dev (webpack-config folder)
- webpack configuration for build and dev with SASS and Bootstrap (webpack-config-sass-bootstrap folder)
- webpack configuration for build and dev with CSS modules (webpack-config-cssModules folder)
- FLUX example - air cheap (air-cheap-flux folder)
- FLUX example - bank account (with differed implementation of flux stores - look at BankBalanceStore.js) (bank-account-flux folder)
- REDUX example - air cheap (air-cheap-redux folder)
- REDUX example - bank account (bank-account-redux folder)
####Basics examples created during React.js Fundamentals course
fundamentals- creating components (Demo)github-battel- full example with routing, component, separating business logic from presentation logic, best practice and etc. (Demo)
Demo with React and Redux