Hands-On React is an advanced course that teaches students how to build sophisticated and powerful front-end applications using ReactJS. The course is taught by expert instructors who provide hands-on guidance throughout the learning process. Students will learn advanced React concepts such as Redux, React Router, and server-side rendering, and will gain practical experience building real-world applications from scratch.
By the end of the course, students will have a deep understanding of React, and will be able to build complex applications that can handle large amounts of data and complex user interactions. Whether you’re an experienced developer looking to upskill or a beginner just starting out, Hands-On React is a valuable resource for anyone looking to master this powerful front-end framework.
Hands-On React. Build advanced React JS Frontend with expert Course Description
React is the most popular library for building frontend web applications. Step-by-step by diving into all the basics, I’ll introduce you to advanced concepts as well.
We’ll build the minesweeper application from scratch:
setup of the development environment
configuration of the React JS app
basic algorithms of Minesweeper
We’ll build the minesweeper game. During the course, we’ll cover the most important topics.
First will be a configuration of the ReactJS application with Typescript and using build tools Webpack+Babel.
Second, there’re presented TDD or TLD approaches that I’ll try to practice with you during the coding sessions. Probably you don’t have enough experience with the tests, but it’s ok, there’s still a good way to learn it from the course. When you work with code and cover it with test cases, it provides you with guarantees that your code works as you expected. This is the purpose and benefit of the tests.
Tools for testing: Jest, Stryker, React Testing Library
Storybook is the most popular way to build the components library. From our side, it’s the most basic part of the course. We’ll install and configure Storybook, which will provide us with a full components spec. This approach is called Components Driven Development.
CSS-IN-JS, EmotionJS, and Styled-Components are very powerful toolkits to build UI components. Even very complex component styles can be easily produced and supported by it.
We’ll introduce you to React Hooks – it’s the basic way to make dynamic UI for the applications.
We’ll make review React Router v5 and also React Router v6.
GitHub Actions makes it easy to automate all your software workflows, now with world-class CI/CD. Build, test, and deploy your code right from GitHub. Make code reviews, branch management, and issue triaging work the way you want. We create our deployment workflow!
Last but not least it’s Redux. Redux is a beautiful way to manage an application state. We’ll use the Redux-Toolkit library – it simplifies the work with Redux.