Hands-On React. Build advanced React JS Frontend with expert

Hands-on React JS. Create a Mine Sweeper from Scratch. Take the course hands-on, Mastering Hands-on React JS, the number one library used to create the frontend for a web application, from basics up to advanced. Learn while implementing a Mine Sweeper game step-by-step.

Instructor: Nick Ovchinnikov
Language: English

Requirements:

JavaScript + HTML + CSS fundamentals are required
Basic programming skills are required
ES6+ JavaScript knowledge is good but not necessary

Description:

Lets learn, Hands-On React. Build advanced React JS Frontend with expert!
React is the most-used library for the frontend web applications. Step by step, learning all the basics, I am introducing advanced concepts as well.

We’ll build the application minesweeper from scratch. Topics include setting up the development environment, configuration of the React JS app, basic algorithms of Minesweeper, building the minesweeper game, and covering important topics during the course.

First will be a configuration of the ReactJS application with Typescript and using build tools Webpack+Babel.

Then, there’re 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.
Testing tools: Jest, Stryker, React Testing Library

I will also try to cover some basic concepts of Typescript and show you how to improve your skills. In the coding sessions, we will be covering advanced Javascript techniques that will make sense of commonly used JS features.

Storybook is the most popular method of building the components library. For us, it’s one of the most basic parts 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 quite 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 the least, Redux. Redux is a beautiful way to manage the application state. We will work with the library Redux-Toolkit, which facilitates working with Redux.

Full Curriculum and Free Preview Videos. Get started risk-free with a 30-day money-back guarantee!
See you on the course!