This repo contains two sample applications using React and Redux, built with Babel and Webpack and tested with Jest :
- TodoMVC (Basic, no async actions)
- MeetingApp (Advanced, contains async actions, routings, authentication flow and so on)
(Click the above project links to see how to run the demos.)
React is a javascript frontend library supported by Facebook.
In contrast to any other MVC frontend frameworks, such as Angular,
React only cares about the View layer.
Unlike Angular's two-way data-binding, React implements unidirectional data flow that makes developers easy to debug, maintain and add new features.
Redux is a design pattern (or application architecture) inspired by Flux.
It helps us to create a predictable state container for JavaScript apps.
Babel has support for the latest version of JavaScript through syntax transformers. These allow you to use new syntax, right now without waiting for browser support.
Many React applications have started to use javascript ES6 (also known as ES2015). Its class and module features work well with React.
Webpack operates on a lower level. It is a module bundler. In essence it is something that you use to build your project into deliverable components (HTML, CSS, JS). It has generally replaced other build tools like grunt, gulp, etc., but you can still use then along with Webpack.
Jest provides you with multiple layers on top of Jasmine. Here I use Jest to write our unit test.