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

IEM Daily March 01, 2023

Practical React with Typescript and Testing Library. React and Storybook. TDD with React Hooks and React + Redux Toolkit

Platform: Udemy
Status: Available
Duration: 17 Hours

Price: $19.99 $0.00

Note: Udemy FREE coupon codes are valid for maximum 3 days only. Look for "Get Coupon" orange button at the end of Description. This post may have affiliate link & we may get small commission if you make a purchase.

Notice for Our Visitors in INDIA:

If Udemy Coupon is 100% OFF but it is not FREE when you go to Udemy Website, please follow the below instructions to make it work. This is mainly affecting visitors that has INDIA as a Country of Residence in their profile in Udemy.

Steps:

1. Use VPN (Virtual Private Network) & Select Another Country like USA.

2. Clear udemy.com website cookies from your browser or You can also use incognito mode or different browser like Opera which has inbuilt VPN.

3. After making a VPN Connection, Create a new Udemy Account.

4. Then go to your desired Course Page & Apply Coupon.

5. If the Coupon is successfully applied, then Continue the process & Enter the VPN Country.

6. Enjoy your Free Course!

What you'll learn

Build web applications with React JS using Hooks, Typescript, Redux
Create components library with the Storybook and CSS-IN-JS
Dive deeply into configurations of applications with Webpack + Babel
Learn about TDD, TLD and apply this knowledge using Jest, React-Testing-Library and Stryker-Mutator

Requirements

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

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

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, 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.

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!

Who this course is for: