Главная страницаКатегория react.jsReact: Разработка через Тестирование

React: Разработка через Тестирование

Name: React: Разработка через Тестирование
Price: 13 USD
Rating: 5 (38 reviews)

React with Test Driven Development

udemy

★5 (всего оценок - 38)

Продолжительность

14 ч 57 мин

Категория

React.js

Количество уроков

86 Видео

Дата добавления

17 мар. 2022 г., 01:08

Язык

Английский

Дата выхода

9 февр. 2022 г., 02:00

Дата обновления

29 апр. 2026 г., 14:13

React: Разработка через тестирование (TDD) — это практико‑ориентированный курс, в котором вы шаг за шагом создадите полноценное веб‑приложение на React, следуя принципам Test-Driven Development. Такой подход позволяет формировать надежную архитектуру, писать предсказуемый код и уверенно вносить изменения без страха что‑то сломать.

Что вы узнаете в ходе обучения

Курс построен вокруг постепенного развития приложения: ни одной лишней функции, только логичное расширение возможностей через формулировку требований и написание тестов. Такой процесс помогает глубже понять, как проектировать React‑компоненты, управлять состоянием и обеспечивать высокое качество кода.

Основные направления курса

Создание приложения с нуля с полной опорой на TDD.
Понимание ключевых концепций React через практику.
Последовательная реализация требований без перегрузки лишним функционалом.

Ключевые навыки, которые вы получите

Работа с маршрутизацией

Сначала вы реализуете собственную минимальную систему маршрутизации, чтобы понять механизмы работы навигации в SPA. Затем познакомитесь с возможностями и подходами популярной библиотеки react-router.

Интернационализация (i18n)

Вы научитесь добавлять поддержку нескольких языков в приложение и правильно организовывать переводимые строки.

Управление глобальным состоянием

Курс последовательно проведет вас от использования Context API до внедрения Redux, показывая преимущества и ограничения разных подходов.

Методология разработки через тестирование

TDD занимает центральное место в программе. Вы увидите на практике:

как тесты формируют архитектуру приложения;
как повышается качество и расширяемость кода;
почему рефакторинг становится безопаснее и проще;
как писать тесты, не зависящие от деталей реализации.

Чего вы добьетесь после прохождения курса

Завершив обучение, вы будете уверенно владеть React и сможете применять TDD в собственных проектах. Этот курс поможет вам мыслить структурно, писать поддерживаемый код и понимать, как создавать приложения, готовые к развитию.

Почему этот курс полезен

полностью практический формат;
отсутствие лишней теории и “магии” — только реальные задачи;
формирование правильных привычек разработки с первого шага;
разбор типичных требований современного веб‑приложения.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:02:40
Introduction
Урок 2. 00:01:10
Methodology
Урок 3. 00:01:18
Development Tools
Урок 4. 00:06:09
Create Project
Урок 5. 00:04:32
Resources
Урок 6. 00:14:16
First Component
Урок 7. 00:17:38
Layout - Sign Up Form
Урок 8. 00:19:35
Form Interactions
Урок 9. 00:18:18
Api Request - Sign Up
Урок 10. 00:11:24
Mocking & Mock Service Worker (MSW)
Урок 11. 00:07:28
Proxy
Урок 12. 00:12:44
Styling
Урок 13. 00:17:13
Progress Indicator
Урок 14. 00:16:02
Layout - Sign Up Success
Урок 15. 00:06:46
Refactor - Test Lifecycle & Async Await
Урок 16. 00:07:57
Displaying Validation Errors
Урок 17. 00:02:39
Enable Button After Validation Error
Урок 18. 00:04:22
Mock Service Worker - Override Handler
Урок 19. 00:05:14
Component - Input
Урок 20. 00:09:32
Styling Input
Урок 21. 00:12:29
Displaying Errors for Remaining Inputs
Урок 22. 00:03:58
Client-side Validation
Урок 23. 00:13:22
Hiding Errors
Урок 24. 00:14:52
Internationalization - i18n
Урок 25. 00:13:37
Language Selection
Урок 26. 00:14:44
Component - LanguageSelector
Урок 27. 00:06:15
Validation Translation
Урок 28. 00:09:58
Accept Language Header in Api Request
Урок 29. 00:02:51
Refactor - Api Request Module
Урок 30. 00:21:27
Client-side Routing
Урок 31. 00:20:22
Layout - NavBar
Урок 32. 00:08:37
Styling NavBar
Урок 33. 00:10:52
React Router
Урок 34. 00:19:20
Component Lifecycle
Урок 35. 00:03:38
Route for AccountActivationPage
Урок 36. 00:19:08
Api Request - Account Activation
Урок 37. 00:06:29
Dependency List of useEffect
Урок 38. 00:10:07
Progress Indicator - Account Activation
Урок 39. 00:20:12
Component - Alert & Spinner
Урок 40. 00:01:49
Async/Await in useEffect
Урок 41. 00:16:12
Higher Order Component - HoC
Урок 42. 00:06:12
Hooks
Урок 43. 00:16:51
Component - UserList
Урок 44. 00:09:41
Pagination in Test Module
Урок 45. 00:18:24
Next & Previous Page
Урок 46. 00:20:43
Link to UserPage
Урок 47. 00:04:12
Component - UserListItem
Урок 48. 00:11:43
Key in Loop
Урок 49. 00:12:56
Translation
Урок 50. 00:08:48
Progress Indicator - Load User List
Урок 51. 00:14:58
Layout & Api Request for UserPage
Урок 52. 00:03:23
Progress Indicator - Load User
Урок 53. 00:05:53
Layout - User Not Found
Урок 54. 00:05:26
Layout - LoginPage
Урок 55. 00:05:27
Form Interactions
Урок 56. 00:13:59
Api Request - Login
Урок 57. 00:08:27
Authentication Error
Урок 58. 00:13:00
Translation
Урок 59. 00:07:27
Routing After Successful Authentication
Урок 60. 00:05:13
Component - ButtonWithProgress
Урок 61. 00:19:13
Layout - NavBar After Login - Lifting State Up
Урок 62. 00:04:45
Component - NavBar
Урок 63. 00:05:21
Prop Drilling
Урок 64. 00:13:58
Context
Урок 65. 00:15:37
Refactor - Context & Test Setup
Урок 66. 00:02:48
Redux
Урок 67. 00:11:10
Use Redux in NavBar
Урок 68. 00:08:47
Use Redux in LoginPage
Урок 69. 00:05:06
Refactor - Redux
Урок 70. 00:11:58
Storing State in LocalStorage
Урок 71. 00:05:24
LocalStorage Abstraction
Урок 72. 00:04:19
LocalStorage Encryption
Урок 73. 00:14:40
Storing Credentials
Урок 74. 00:23:26
Layout - User Update
Урок 75. 00:21:39
Api Request - User Update
Урок 76. 00:09:45
Update Success
Урок 77. 00:11:09
Cancel Update
Урок 78. 00:09:33
Fix - Reload User After Navigation
Урок 79. 00:06:21
Authentication Aware UserList
Урок 80. 00:17:36
Logout
Урок 81. 00:02:43
Layout - User Delete Button
Урок 82. 00:11:26
Component - Modal
Урок 83. 00:05:34
User Delete Cancel
Урок 84. 00:09:21
User Delete Confirm
Урок 85. 00:08:41
Global State After Deleting User
Урок 86. 00:07:00
Redux - Action Creator

Автор - udemy

udemy

Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф

+198