This project was bootstrapped with Create React App.
A Burger builder Application built using React Js and ReduxJs. The application uses all the new features introduced in EcmaScript 6. The application is a single page application with proper components and is Mobile Responsive. The Application also used proper authentication and from validation and implements routing uses React Router.
- Navbar and side drawer for navigation.
- Saves orders to Firebase database via Axios. Orders can subsequently be retrieved.
- Axios interceptors to handle errors on app-wide basis via a higher order component
withErrorHandler. - Routing within SPA with React Router.
- State management with Redux.
- User authentication with Firebase.
- Lazy loading higher order component
asyncComponentthat allows us to lazy load any component.
- React 16 / Jsx pages
- React Router
- React-Thunk
- Redux
- Axios
- Jest / Enzyme
- Webpack
- Babel
- Pure JavaScript
- HTML5
- CSS3 w/ Mobile First
- FireBase for Database and Hosting
- Full-Stack React Articles
- Pure React
- Full-Stack React - The Complete Guide to ReactJS and Friends
- Alligator.io - React
- Testing React-Redux App using Jest and Enzyme
- React Composition Patterns
- React, Inline Functions, and Performance
- React Router DOM v4 Tutorial
- Stateful vs Stateless Functional Components in React
- When to use Component or PureComponent
- React — Composing Higher-Order Components (HOC)
- React Internals - How React Works (Used React 15, a bit outdated but good grasp is what you need)
- Using Destructure and Spread in React Components
- Our Best Practices for Writing React Components
- React Components – Props and States in ReactJS with Examples
- React Lifecycle Methods- how and when to use them
- ReactJs component lifecycle methods - A deep dive
- How to Benchmark React Components: The Quick and Dirty Guide
- Build a NavBar & Side Drawer
- React.js Forms: Controlled Components
- Building forms using React — everything you need to know
- Extracting Logic from React Components
- Idiomatic Redux: The History and Implementation of React-Redux
- What Does Redux Do? (and when should you use it?)
- How Redux Works: A Counter-Example
- What is Redux: A Designer's Guide
- My take on Redux Architecture
- Async Operations in React Redux Applications
- Understanding compose functions in redux
- Understanding how redux-thunk works
- Building CRUD App with React + Redux
- React + Redux Architecture : Separation of Concerns
- 10 Tips for Better Redux Architecture
- Using Redux DevTools in Production
- React + Redux Architecture
- React + Redux : Architecture Overview
- Getting Started with React, Redux and Immutable: a Test-Driven Tutorial (Part 1)
- Redux Step by Step: A Simple and Robust Workflow for Real Life Apps