Mastering Maintainable React

Mastering Maintainable React, available at $69.99, has an average rating of 4.35, with 70 lectures, 7 quizzes, based on 16 reviews, and has 1191 subscribers.

You will learn about Apply principles of maintainable code to write React components and files that are easy to modify and understand over time. Use best practices for organizing and structuring React applications to promote maintainability and scalability. Identify and avoid common code patterns and anti-patterns in React that can lead to unmaintainable code. Refactor existing React code to improve maintainability and reduce technical debt, using techniques such as code smells identification and refactoring patterns. Appreciate the importance of maintainable code and its impact on the long-term success of a React application, and work towards continuous improvement. This course is ideal for individuals who are Beginner React developers looking to improve their skills or React developers looking to work on larger applications and write maintainable code It is particularly useful for Beginner React developers looking to improve their skills or React developers looking to work on larger applications and write maintainable code.

Enroll now: Mastering Maintainable React

Summary

Title: Mastering Maintainable React

Price: $69.99

Average Rating: 4.35

Number of Lectures: 70

Number of Quizzes: 7

Number of Published Lectures: 70

Number of Published Quizzes: 7

Number of Curriculum Items: 77

Number of Published Curriculum Objects: 77

Original Price: $99.99

Quality Status: approved

Status: Live

What You Will Learn

Apply principles of maintainable code to write React components and files that are easy to modify and understand over time.

Use best practices for organizing and structuring React applications to promote maintainability and scalability.

Identify and avoid common code patterns and anti-patterns in React that can lead to unmaintainable code.

Refactor existing React code to improve maintainability and reduce technical debt, using techniques such as code smells identification and refactoring patterns.

Appreciate the importance of maintainable code and its impact on the long-term success of a React application, and work towards continuous improvement.

Who Should Attend

Beginner React developers looking to improve their skills

React developers looking to work on larger applications and write maintainable code

Target Audiences

Beginner React developers looking to improve their skills

React developers looking to work on larger applications and write maintainable code

Maintainable React is a comprehensive course designed to teach you the best practices for writing clean, maintainable code in React. Whether a beginner or an experienced developer, this course will give you the tools and knowledge to write high-quality, maintainable React code. Join me and take your React skills to the next level!

A few highlights of the course are:

Clean Code & Refactoring

The course covers refactoring, a technique for improving the design and structure of existing code. This is an essential skill for developers, allowing them to maintain and improve their code over time.

Test-Driven Development

The course covers TDD, a software development approach that emphasizes writing automated tests before writing code. This is a highly sought-after skill in the industry and can help students improve the quality and maintainability of their code.

Features From Real Projects

The course includes real-world project examples, which will help students understand how to apply the concepts they are learning in a practical setting and help them get more confident with the material.

The primary benefit of this course is that the code smells and refactorings presented are derived from real-world React projects. Since these techniques address actual problems, participants can immediately apply what they learn to their projects and experience the benefits firsthand.

The Maintainable React course is heavily focused on hands-on coding. In addition to watching video demonstrations, participants will be expected to complete exercises to solidify their understanding of the material. It is essential that exercises are constructed as the course progresses, and participants are encouraged to apply the techniques learned in their projects to experience the benefits firsthand.

Course Curriculum

Chapter 1: To make the most of it, you are expected to Try to finish all the exercises in

Lecture 1: Introduction to Maintainable React

Lecture 2: The most valuable outcome from completing the course

Lecture 3: How to get the most out of this course

Chapter 2: Lets align on some fundamentals

Lecture 1: Introduction to basic ES6 features

Lecture 2: ES6 – variable declarations: var, let and const

Lecture 3: ES6 – play with objects and arrays

Lecture 4: Basic JavaScript ES6 features

Lecture 5: Introduction to the collection API (filter, map, reduce)

Lecture 6: Collection API examples

Lecture 7: Exercise – Try ES6 features in a sandbox

Lecture 8: A minimal guide to Typescript

Lecture 9: TypeScript 101

Lecture 10: React in 5 minutes

Lecture 11: Exercise – Practice writing a simple component

Chapter 3: Introduction to code smells

Lecture 1: Introduction to code smells

Lecture 2: Code smell – raw JS loop and collection APIs

Lecture 3: Code smells – a real-world scenario

Chapter 4: Refactorings – the cure for code smells

Lecture 1: Introduction of refactorings

Lecture 2: Top ten common refactorings explained

Lecture 3: Refactoring – Extract Function

Lecture 4: Refactoring – Boolean Parameter

Lecture 5: Refactoring – ES6 destructuring assignment

Lecture 6: Refactoring – Extract Component

Lecture 7: Refactoring – Move Component

Lecture 8: Demonstration of common Refactoring usages

Chapter 5: The best gift to developers – Tests

Lecture 1: Benefits of having tests

Lecture 2: How to write a test?

Lecture 3: Basic usage of Jest

Lecture 4: Mock and Stub in jest

Lecture 5: Test runner + test cases + code structure

Lecture 6: Exercise – try it yourself

Chapter 6: Test-Driven Development

Lecture 1: What is Test-Driven Development

Lecture 2: The first TDD journey – A project effort tracker

Lecture 3: The first TDD journey – Refactoring a bit further

Lecture 4: How to implement task tracking with TDD

Lecture 5: TDD with React component – implement a simple Header Component

Lecture 6: TDD with React Component – implement user interaction

Lecture 7: Exercise – fix the failed test and refactoring

Chapter 7: Clean code in React

Lecture 1: Common Design Principles

Lecture 2: Single Responsibility Principle

Lecture 3: Composable Design

Lecture 4: Layering application in React

Chapter 8: Set up the project locally

Lecture 1: Using create-react-app to create your application

Lecture 2: Walk through the project structure

Lecture 3: Additional resources

Chapter 9: Project – Todo list

Lecture 1: The project well build

Lecture 2: Feature – Add a Todo to a list

Lecture 3: Refactoring – Extract sub-components

Lecture 4: Feature – Complete an item when clicked

Lecture 5: Refactoring – Custom Hooks for Managing states

Lecture 6: Feature – Add summary information to Todo List

Lecture 7: Refactoring – Reduce duplication and extract more sub-components

Lecture 8: Feature – Search by keyword

Lecture 9: Feature – Enhance accessibility

Lecture 10: Exercise – Its your turn

Chapter 10: Project – Direct To Boot

Lecture 1: The brief of Direct To Boot

Lecture 2: Direct to boot – Feature introduction

Lecture 3: Network-relate status statechart

Lecture 4: Feature – the Im here button – happy path

Lecture 5: Introduce mirage.js

Lecture 6: Feature – Error handling

Lecture 7: Refactoring – extract hooks

Lecture 8: Feature – Im Here – retry

Lecture 9: Use react-query to simplify the network statuses check

Lecture 10: Fix all the tests with React-Query

Lecture 11: Feature – Notify the store

Lecture 12: Final refactoring

Lecture 13: Extra readings for this chapter

Chapter 11: Outro

Lecture 1: Summarise what weve covered in the course

Lecture 2: Thank and see you in the next section.

Instructors

Juntao Qiu
Senior Software Developer / Technical Author / Creator

Rating Distribution

1 stars: 0 votes

2 stars: 1 votes

3 stars: 2 votes

4 stars: 3 votes

5 stars: 10 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!