Note: 

   

If you guys are getting coupon expired or course is not free after opening the link, then it is due to the fact that course instructors provide only few hundreds or thousands of slots which get exhausted. So, try to enroll in the course as soon as it is posted in the channel. The Coupons may expire any time for instant notification follow telegram channel

New customer offer! Top courses from $13.99 when you first visit Udemy

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 ReactJS app
  • basic algorithms of Minesweeper

Step-by-step 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

Also, I’ll try to cover basic Typescript concepts and show you a way to improve these skills. During the coding sessions, we’ll cover advanced Javascript techniques to make sense of commonly used JS features.

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, emotion, and styled-components are very powerful toolkits to build UI components. Even very complex components 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.

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.

Check out the full curriculum and free preview videos. Join the course risk-free with a 30-day money-back guarantee!

See you on the course!


Enroll Now