Mastering Maintainable React

سرفصل های دوره

Empowering Test-Driven Development and Refactoring Techniques

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

1.1 introduction.zip

1. Introduction to Maintainable React

2. The most valuable outcome from completing the course.html

3.1 Introduction-to-maintainable-react.pdf

3. How to get the most out of this course.html

2. Lets align on some fundamentals

1. Introduction to basic ES6 features

2. ES6 - variable declarations var, let and const

3. ES6 - play with objects and arrays

4. Basic JavaScript ES6 features.html

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

6. Collection API examples.html

7. Exercise - Try ES6 features in a sandbox.html

8. A minimal guide to Typescript

9. TypeScript 101.html

10. React in 5 minutes

11. Quiz - A quick JS and TS quiz.html

12. Exercise - Practice writing a simple component.html

3. Introduction to code smells

1. Introduction to code smells

2. Code smell - raw JS loop and collection APIs

3. Code smells - a real-world scenario

4. Quiz - A quick code smells quiz.html

4. Refactorings - the cure for code smells

1. Introduction of refactorings

2. Top ten common refactorings explained.html

3. Refactoring - Extract Function

4. Refactoring - Boolean Parameter

5. Refactoring - ES6 destructuring assignment

6. Quiz - A quick refactorings quiz.html

7. Refactoring - Extract Component

8. Refactoring - Move Component

9. Exercise - A Small Refactoring You Did Recently.html

10. Demonstration of common Refactoring usages

5. The best gift to developers - Tests

1. Benefits of having tests

2. How to write a test

3. Basic usage of Jest.html

4. Mock and Stub in jest.html

5. Quiz - mock and stub.html

6. Test runner + test cases + code structure

7. Exercise - try it yourself.html

6. Test-Driven Development

1. What is Test-Driven Development

2. The first TDD journey - A project effort tracker

3. The first TDD journey - Refactoring a bit further

4. How to implement task tracking with TDD.html

5. TDD with React component - implement a simple Header Component

6. TDD with React Component - implement user interaction

7. Exercise - fix the failed test and refactoring.html

8. Quiz - Test-Driven Development.html

7. Clean code in React

1. Common Design Principles.html

2. Single Responsibility Principle

3. Composable Design

4.1 Modularizing React Applications with Established UI Patterns.html

4. Layering application in React.html

5. Quiz - Design principles.html

8. Set up the project locally

1. Using create-react-app to create your application

2. Walk through the project structure

3. Additional resources.html

9. Project - Todo list

1. The project well build.html

2. Feature - Add a Todo to a list

3. Refactoring - Extract sub-components

4. Feature - Complete an item when clicked

5. Refactoring - Custom Hooks for Managing states

6. Feature - Add summary information to Todo List

7. Refactoring - Reduce duplication and extract more sub-components

8. Feature - Search by keyword

9. Feature - Enhance accessibility

10. Exercise - Its your turn.html

10. Project - Direct To Boot

1. The brief of Direct To Boot.html

2. Direct to boot - Feature introduction

3. Network-relate status statechart

4. Feature - the Im here button - happy path

5. Introduce mirage.js

6. Feature - Error handling

7. Refactoring - extract hooks

8. Feature - Im Here - retry

9. Use react-query to simplify the network statuses check

10. Fix all the tests with React-Query

11. Feature - Notify the store

12. Final refactoring

13. Quiz - mocking network.html

14. Extra readings for this chapter.html

11. Outro

1. Summarise what weve covered in the course

2. Thank and see you in the next section..html

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training