[Udemy] Hands-On React. Build advanced React JS Frontend with expert

August 13, 2022 Development

Deal Score0

100% OFF Get Course

Deal Score0

100% OFF Get Course

What you’ll learn

Build internet purposes with React JS utilizing Hooks, Typescript, Redux
Create parts library with the Storybook and CSS-IN-JS
Dive deeply into configurations of purposes with Webpack + Babel
Find out about TDD, TLD and apply this data utilizing Jest, React-Testing-Library and Stryker-Mutator

Requirements

JavaScript + HTML + CSS fundamentals are required
Fundamental programming expertise are required
ES6+ JavaScript data is nice however not crucial

Description

React is the preferred library for constructing frontend internet purposes. Step-by-step by diving into all of the fundamentals, I am going to introduce you to advanced ideas as properly.

We’ll construct the minesweeper utility from scratch:

setup of the event surroundings
configuration of the React JS app
fundamental algorithms of Minesweeper

We’ll construct the minesweeper recreation. Throughout the course, we’ll cowl a very powerful matters.

First shall be a configuration of the ReactJS utility with Typescript and utilizing construct instruments Webpack+Babel.

Second, there’re introduced TDD or TLD approaches that I am going to attempt to follow with you through the coding classes. In all probability you do not have sufficient expertise with the exams, nevertheless it’s okay, there’s nonetheless a great way to study it from the course. While you work with code and canopy it with take a look at circumstances, it offers you with ensures that your code works as you anticipated. That is the aim and good thing about the exams.
Instruments for testing: Jest, Stryker, React Testing Library

Additionally, I am going to attempt to cowl fundamental Typescript ideas and present you a approach to enhance these expertise. Throughout the coding classes, we’ll cowl advanced Javascript methods to make sense of generally used JS options.

Storybook is the preferred option to construct the parts library. From our facet, it is essentially the most fundamental a part of the course. We’ll set up and configure Storybook, which is able to present us with a full parts spec. This method is known as Elements Pushed Improvement.

CSS-IN-JS, EmotionJS, and Styled-Elements are very highly effective toolkits to construct UI parts. Even very advanced part types may be simply produced and supported by it.

We’ll introduce you to React Hooks – it is the fundamental option to make dynamic UI for the purposes.

We’ll make evaluation React Router v5 and likewise React Router v6.

GitHub Actions makes it straightforward to automate all of your software program workflows, now with world-class CI/CD. Build, take a look at, and deploy your code proper from GitHub. Make code opinions, department administration, and problem triaging work the best way you need. We create our deployment workflow!

Final however not least it is Redux. Redux is a gorgeous option to handle an utility state. We’ll use the Redux-Toolkit library – it simplifies the work with Redux.

Who this course is for:

College students who wish to learn to construct advanced internet utility
Anybody who wish to study React by Hands-On approach based mostly on good examples
College students who wish to take improvement expertise to the following degree