Главная страницаКатегория next.jsReact и Next.js: Разные Способы Создания Приложений React

React и Next.js: Разные Способы Создания Приложений React

Name: React и Next.js: Разные Способы Создания Приложений React
Price: 13 USD
Rating: 3.7 (12 reviews)

React and Next.js: Different ways of creating React Apps

udemy

★3.7 (всего оценок - 12)

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

5 ч 58 мин

Категория

Next.js

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

60 Видео

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

21 нояб. 2020 г., 01:07

Язык

Английский

Дата выхода

16 окт. 2020 г., 03:00

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

29 апр. 2026 г., 08:57

Освойте практический подход к созданию современных веб‑приложений на основе React и Next.js. Этот курс объединяет три разных проекта, позволяя вам понять ключевые концепции React-классов, React Hooks и серверного рендеринга в Next.js на реальных примерах.

Что вы будете создавать

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

Админ‑панель на React с классами

Вы начнете с создания административного приложения, построенного на классовых компонентах. Это позволит глубже понять основу React, жизненный цикл компонентов и принципы построения состояния до эпохи Hooks.

Приложение инфлюенсера с React Hooks

Во втором проекте вы перейдете к функциональному стилю и освоите React Hooks. Вы научитесь эффективно управлять состоянием, разделять логику через кастомные хуки и работать с современными инструментами экосистемы React.

Checkout-система на Next.js

Третий проект познакомит вас с возможностями Next.js — фреймворка для React, предлагающего серверный рендеринг, маршрутизацию и улучшенную производительность. Вы построите полнофункциональную страницу оформления заказа.

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

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

Работа с Typescript

Создание типизированных React-приложений;
Использование преимуществ строгой типизации для надежности кода;
Работа с типами в компонентах, хуках и API-запросах.

Next.js для продвинутых интерфейсов

Создание страниц и маршрутов;
Использование server-side rendering и static generation;
Работа с API routes.

Инструменты разработки и инфраструктура

Docker для контейнеризации проекта;
Redux для управления состоянием на уровне приложения;
Настройка публичных и приватных маршрутов;
Ограничение доступа для неавторизованных пользователей.

Работа с данными и интеграции

Загрузка изображений и работа с файловыми данными;
Экспорт данных в CSV;
Создание интерактивных диаграмм на базе c3.js и d3.js.

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

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

Для кого подходит курс

Начинающим разработчикам, желающим освоить React и Next.js на практике;
Фронтенд-разработчикам, желающим перейти к современным технологиям;
Тем, кто хочет понять разницу между React-классовыми компонентами, Hooks и Next.js.

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

Урок 1. 00:04:02
Introduction
Урок 2. 00:01:07
Installation
Урок 3. 00:02:28
Docker
Урок 4. 00:03:59
Template
Урок 5. 00:05:20
Components
Урок 6. 00:05:08
Router
Урок 7. 00:07:39
Child Props
Урок 8. 00:07:41
Register Form
Урок 9. 00:04:24
Async Await Calls
Урок 10. 00:03:42
Redirecting
Урок 11. 00:10:44
Login
Урок 12. 00:03:43
Logout
Урок 13. 00:08:36
Users
Урок 14. 00:04:14
Role
Урок 15. 00:05:26
Link and NavLink
Урок 16. 00:04:50
Pagination
Урок 17. 00:04:26
Deleting Users
Урок 18. 00:08:05
Creating Users
Урок 19. 00:08:05
Prefilling User Data
Урок 20. 00:04:02
Updating Users
Урок 21. 00:06:26
Roles
Урок 22. 00:12:46
Creating Roles
Урок 23. 00:07:11
Updating Roles
Урок 24. 00:07:26
Products
Урок 25. 00:07:50
Paginator Component
Урок 26. 00:05:31
Deleter Component
Урок 27. 00:06:22
Creating Products
Урок 28. 00:05:21
Uploading Images
Урок 29. 00:03:30
Image Component
Урок 30. 00:07:25
Updating Products
Урок 31. 00:06:55
Orders
Урок 32. 00:05:27
Order Items
Урок 33. 00:04:08
Export CSV
Урок 34. 00:07:36
Chart
Урок 35. 00:04:05
Profile
Урок 36. 00:07:52
Updating Profile
Урок 37. 00:08:21
Redux
Урок 38. 00:12:42
Connect Redux with Components
Урок 39. 00:04:22
Typescript Getters
Урок 40. 00:13:48
Permissions
Урок 41. 00:02:11
Admin Changes
Урок 42. 00:03:08
Setup
Урок 43. 00:03:34
Components
Урок 44. 00:03:05
Router
Урок 45. 00:03:24
Redux
Урок 46. 00:04:27
useEffect
Урок 47. 00:04:28
Nav Component
Урок 48. 00:08:43
Header Component
Урок 49. 00:06:17
Main Component
Урок 50. 00:05:17
Rankings
Урок 51. 00:07:30
Stats
Урок 52. 00:04:52
Selecting Products
Урок 53. 00:08:50
Generating Links
Урок 54. 00:02:49
Setup
Урок 55. 00:06:28
Template
Урок 56. 00:03:25
Route Query Params
Урок 57. 00:06:41
Getting Data
Урок 58. 00:09:30
Order Total
Урок 59. 00:06:54
Stripe
Урок 60. 00:04:17
Success and Error Pages

Автор - udemy

udemy

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

+198

Комментарии