React, Redux и Enzyme - Создание и тестирование приложений

React, Redux и Enzyme - Создание и тестирование приложений
React, Redux, & Enzyme - Mastering Apps & Tests

Спойлер: Описание En

Become an in demand software engineer by taking this course on React JS, Redux, and testing. As arguably the most popular web development framework today, learning React along with Redux is a must. Knowing how to create React and Redux applications will open doors and jobs for you.

In this project-based course, you’ll build React and Redux applications and properly test these apps. You’ll discover some of the most widely used testing practices in the industry today. And you’ll work with notable testing libraries like Jest, Enzyme, and Sinon.

You will skyrocket to the top of the talent pool because you can write tests. Coding the apps is only half of the process. Knowing how to write tests is the other crucial skill looked for by top software companies like Google, Facebook, Microsoft, and more.

In this course, you’ll build three applications, and test each of them.

First, you’ll get familiar with React by building an application from the start. Right after, you’ll test the application with popular libraries like Jest by Facebook and Enzyme by Airbnb.

Second, you’ll build a more in-depth application with Redux. Then you’ll learn how to test a Redux application with more advanced techniques.

Third, you’ll build an app with an API. After, you’ll discover more sophisticated strategies for testing applications.

This course will help you get to the next level in React, Redux, ES6, Testing and more. And don’t worry if you’re a beginner. Separate lectures will deeply explain every new ES6 & JavaScript concept as it appears.

So, are you ready to step up your coding game? Excited to boost your skills? Then what you are waiting for? Let’s get started coding!

Какова целевая аудитория?

• Students who know some basic JS, but hope to learn React and Redux to significantly boost their skills.
• All levels of coders. However this won’t introduce coding from the ground up, so complete beginners might find it fast-paced.
• ReactJS and Redux developers who want to test their applications.
• Experienced developers and engineers will find this course perfect for brushing up on ReactJS and Redux and web development.

Спойлер: Описание

Станьте инженером по требованию, пройдя этот курс по React JS, Redux и тестируя. Как возможно, самая популярная структура веб-разработки сегодня, изучение React вместе с Redux является обязательным. Знание того, как создавать приложения React и Redux, откроет вам двери и рабочие места.

На этом курсе, основанном на проектах, вы будете создавать приложения React и Redux и правильно тестировать эти приложения. Сегодня вы обнаружите некоторые из наиболее широко используемых методов тестирования в отрасли. И вы будете работать с известными библиотеками тестирования, такими как Jest, Enzyme и Sinon.

Вы взлетаете к вершине пула талантов, потому что вы можете писать тесты. Кодирование приложений - это только половина процесса. Знание того, как писать тесты, - это еще один важный навык, который ищет лучшие компании-разработчики программного обеспечения, такие как Google, Facebook, Microsoft и другие.

В этом курсе вы создадите три приложения и проверите каждый из них.

Во-первых, вы познакомитесь с React, создав приложение с самого начала. Сразу после этого вы будете тестировать приложение с помощью популярных библиотек, таких как Jest by Facebook и Enzyme by Airbnb.

Во-вторых, вы создадите более глубокое приложение с Redux. Затем вы узнаете, как тестировать приложение Redux с использованием более совершенных методов.

В-третьих, вы создадите приложение с API. После этого вы обнаружите более сложные стратегии тестирования приложений.

Этот курс поможет вам перейти на следующий уровень в React, Redux, ES6, Testing и многое другое. И не беспокойтесь, если вы новичок. Отдельные лекции будут глубоко объяснять каждую новую концепцию ES6 и JavaScript по мере ее появления.

Итак, вы готовы активировать свою игру для кодирования? Возбужденный, чтобы повысить свои навыки? Тогда чего же вы ждете? Давайте начнем кодирование!

Какова целевая аудитория?
Студенты, которые знают некоторые основные JS, но надеются научиться React и Redux значительно повысить свои навыки.
Все уровни кодировщиков. Однако это не будет вводить кодирование с нуля, поэтому полные новички могут найти его быстрым.
ReactJS и Redux, которые хотят протестировать свои приложения.
Опытные разработчики и инженеры найдут этот курс идеальным для раскрутки ReactJS и Redux и веб-разработки.

Спойлер: Содержание

Introducing the Course
09:55
What to Expect from the Course
Предварительный просмотр01:24
Getting a Code Editor
02:59
Installing Node and React Tools
04:28
Source Code for the Course
00:50
Final Introductory Notes
00:14
–
Understanding React
04:53
Understanding React Part 1
Предварительный просмотр02:17
Understanding React Part 2
02:36
–
React & ES6 App | NoteToSelf
01:23:10
Previewing NoteToSelf
Предварительный просмотр01:05
ES6 | Class Definitions
07:40
ES6 | Class Inheritance & Template Strings
08:04
Setting Up NoteToSelf
Предварительный просмотр05:42
Rendering JSX onto the DOM
05:40
Creating an App Component | ES6 Imports and Exports
07:34
React Essentials | State
Предварительный просмотр01:49
Building a Bootstrap Form
05:00
Introducing State into the Form
08:39
ES6 | Arrow Functions
Предварительный просмотр05:13
Creating a List of Notes
06:30
ES6 | Destructuring Objects
03:49
Introducing Props with a Note Component
06:46
React Lifecycle Methods and SFCookies
07:58
Section Overview | NoteToSelf
01:41
–
Testing NoteToSelf with Jest and Enzyme
46:05
Why You Should Write Tests
Предварительный просмотр02:44
Setting Up the Testing Environment
02:33
Testing the Note Component
09:18
ES6 | Spread Operator for Spread Attributes
04:25
Testing the App Component
08:39
Testing Form Behavior
10:36
Testing the Cookies
03:58
Reporting Test Coverage
02:55
Section Overview | Testing NoteToSelf
00:57
–
Understanding Redux
06:06
Understanding Redux
Предварительный просмотр02:41
Understanding Redux Visually
03:25
–
React App Two with Redux | FlashcardPro
02:06:33
Previewing FlashcardPro
Предварительный просмотр01:55
Setting Up FlashcardPro
06:29
Loading the StackList
07:48
Introducing React-Router and Linking to Stacks
10:05
Redux Action | setStack
05:34
Redux Reducer | Setting the Stacks
07:48
Creating the Redux Store
06:25
Setting the Stack and Binding Action Creators
10:14
Connecting the Stack Component
08:25
Creating Card Components
03:42
Styling and Revealing Card Answers
13:33
Loading Stacks
11:06
Creating a Stack Form
12:51
Building Cards in the Stack Form
12:56
Adding a New Stack
06:35
Section Overview | FlashcardPro
01:07
–
Testing FlashcardPro with Jest and Enzyme
01:35:19
Shallow Rendering the App Component
10:19
Fixtures and Testing the Stack Component
10:56
Testing the StackList | Challenge
05:53
Testing the Rendering StackForm | Challenge
09:23
Simulating Behavior and Testing the StackForm | Part 1
08:53
Simulating Behavior and Testing the StackForm | Part 2
08:21
Testing the Card | Challenge
12:13
Testing the Redux Actions in FlashcardPro
07:29
Testing the Redux Reducers in FlashcardPro
11:18
Test Coverage and Why Tests Save Lives
04:27
Bonus: Advanced React | Stateless Functional Components
05:19
Section Overview | Testing FlashcardPro
00:48
–
React App Three with APIs and Redux | Jeopardy
59:08
Previewing Jeopardy
Предварительный просмотр01:07
Setting Up Jeopardy
04:45
Fetching Categories through Jservice
05:27
Setting Categories through Redux
06:36
Connecting the App Component
05:50
Adding Routing and a Category Component
05:49
Linking to Categories and Styling
04:21
Picking a Category
07:58
Fetching Category Data
06:10
Creating a Clue Component
10:28
Section Overview | Jeopardy
00:37
–
Testing Jeopardy with Jest, Enzyme, and Sinon
01:01:08
Setting Up Tests for Jeopardy
01:31
Testing the Jeopardy App Component
10:14
Testing the Clue Component's Structure | Challenge
08:01
Simulating the Clue's Behavior
05:45
Unlinking | Category Tests Part 1
06:59
Mocking APIs with Sinon | Category Tests Part 2
10:52
Category Functionality | Category Tests Part 3
05:14
Testing the Redux Actions in Jeopardy | Challenge
04:10
Testing the Redux Reducers in Jeopardy | Challenge
05:35
Test Coverage for Jeopardy
01:59
Section Overview | Testing Jeopardy
00:48
–
Conclusion and Final Remarks
01:21
Congratulations and Final Remarks
00:52
Bonus Content
00:29

Главная фишка курса - работа с тестами. Для тех, кто хочет писать хороший код, а не "лишь бы работало"

Код:

 https://www.udemy.com/react-testing/