Real World React.js

Learn React.js with a practical hands-on coding approach. Learn the way how React.js products are coded. No more useState todo list examples and done for the day.

Since this course focus on the fundamentals of practical coding in React.js, the list of topics is never ending. But here is the broad view of what will we touching on sooner or later.

1. Forms
   1. react-hook-form for our forms
      1. Performant, flexible and extensible forms with easy-to-use validation.
   2. yup for schema validation
   3. Tying the above together to make our form stronger than ever, be it the email validation or in-built change events.
2. State Management
   1. Recoil library by facebook, which follows the atomic approach. A simple library with no boilerplate like redux and context.
      1. Recoil works and thinks like React. Add some to your app and get fast and flexible shared state.
      2. Derived data and asynchronous queries are tamed with pure functions and efficient subscriptions
      3. Implement persistence, routing, time-travel debugging, or undo by observing all state changes across your app, without impairing code-splitting.
3. UI
   1. Material UI
      1. Integrate Material UI 5 with Next.js and TypeScript
      2. MUI offers a comprehensive suite of UI tools to help you ship new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.
4. Next.js
   1. Framework for React.js projects with server side rendering and more
   2. Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.
5. TypeScript
   1. TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.