Эпический React v2: Путь к бесконечным рендерингам

Эпический React v2: Путь к бесконечным рендерингам
en
24.09.2024
26 г 47 хв 32 сек

Готовы к революции React 19? Самый востребованный JavaScript-фреймворк получил масштабное обновление! Вы уже знакомы с React, но в React 19 появилось 3 крупных парадигматических изменения, которые изменят ваш код (а возможно, и вашу жизнь):

React Suspense и Transitions: избавьтесь от сложных обходных путей и возьмите полный контроль над загрузкой данных, синхронно и асинхронно, чтобы предоставить максимально плавный пользовательский опыт. Form и Server Actions: навсегда забудьте о хаках с useEffect (наконец-то!), создавая именно тот опыт ввода данных, который вам нужен для SSR, SSG и SPA-приложений. ‘use client’ и ‘use server’: пишите серверный и клиентский код в гармонии, избегая неудобных переходов.

 

Ваш код станет лучше, а опыт написания — приятнее. React 19 — это больше удовольствия, ведь он наконец-то предоставляет полный набор инструментов для создания высокоинтерактивных, модульных и мощных веб-приложений без компромиссов.

И даже если у вас уже есть опыт работы с React, вы сможете освежить свои знания с использованием лучших инструментов. Отличное время, чтобы начать!

Освоить всё это — непростая задача. Но она того стоит.

Теперь перед вами, как опытным разработчиком React, встаёт ключевой вопрос: Как вы освоите React 19?

Я обучила React более 30 000 человек

Epic React v1 помог многим начать карьеру в React и развить её. Но я знал, что это можно улучшить… Поэтому, когда я решил создать новый материал для React 19, я радикально изменил весь процесс обучения.

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

За последние 10 лет я узнал много о процессе обучения.

И главный урок?

Не всё обучение одинаково полезно. Вы слышали старую поговорку: «Важно не то, что вы знаете, а кого вы знаете»?

Для разработчиков нужно обновить её: «Важно не то, что вы знаете, а как вы это знаете». То, как вы учитесь, может повлиять на всю вашу карьеру.

И вот в чём проблема:

Способ, которым большинство людей изучают React, может активно мешать вашему будущему прогрессу. React сложен. Он состоит из множества компонентов. Никто не хочет тратить время на изучение документации по каждому из них перед началом работы. Мы все хотим сразу перейти к самому интересному — использовать эти инструменты вместе для создания проектов.

Создавать что-то — это и есть движение вперёд.

Но это ловушка.

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

Это то, что создаёт настоящую уверенность.

Но когда вы стремитесь «быстро» достигнуть результата, слепо перепечатывая код, который ещё не понимаете, вы пропускаете самое важное. Вы упускаете основы, которые вам понадобятся каждый день в вашей карьере: планирование, проектирование, отладку, сопровождение, масштабирование. Вы лишаете себя будущего роста. Вы подрываете собственную уверенность.

К счастью, есть лучший способ.

Как стать экспертом

Основываясь на наблюдениях, экспериментах, изучении, сотнях часов живого обучения и отзывах десятков тысяч моих студентов…

Вот путь к настоящему мастерству:

  • Осваивайте одну концепцию за раз
  • Начинайте с самой простой версии
  • Добавляйте сложность пошагово, каждое упражнение основывается на предыдущем
  • Пишите практический код, проверяйте свою работу по лучшим практикам, получайте обратную связь
  • Практикуйте принятие советов и делитесь кодом с коллегами
  • Не пропускайте ничего (даже если это «просто» или «очевидно»)

 

Это действительно так просто! Хотя «просто» — это не то же самое, что «легко».

Но если вы готовы вложиться, правильное обучение будет приносить вам плоды всю жизнь.

Вы станете экспертом.

И вы сможете это сделать с помощью Epic React v2.

Epic React v2 перенесёт вас от «что такое JSX?» до разработки полного, профессионального, масштабируемого приложения в условиях командной работы. При переходе на Epic React v2 вы получите мгновенный доступ к 7 мастер-классам с 240 небольшими уроками — всё новое, всё о React 19 и 100% TypeScript. Всё, что вам нужно сделать, — войти и приступить к работе над своим первым упражнением.

Epic React v2 полностью основан на «чистом React» и подходит для всех, кто использует React в любой сфере.

Вы изучите и рассмотрите все аспекты React 19 — как классические, так и новые — отдельно и вместе.

Каждый новый урок будет основываться на предыдущем.

В конце вы разработаете проекты, такие как поиск в блоге, интеграция библиотек UI, не основанных на React, крестики-нолики, форма для новых пользователей, оптимизированное отображение глобуса, калькулятор, счётчик, поиск по списку городов и создание собственного фреймворка React Server Components.

По пути вы укрепите профессиональные практики программирования.

Вы освоите обработку форм, одну из самых сложных (и самых мощных) частей интерактивной веб-разработки.

Вы научитесь разрабатывать производительные приложения и оптимизировать свой существующий код. (Бонус: эти же техники применимы и к приложениям, не основанным на React!)

Вы узнаете, как использовать помощников на базе искусственного интеллекта для значительного увеличения продуктивности. Я использую своего во всех видеоуроках Epic React. (Они, конечно, не выполняют работу за вас, но могут существенно помочь!)

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

…или опытным разработчиком React, стремящимся узнать, что нового в React 19…

Если вы искали путь к настоящему мастерству в React 19, то вы его нашли с Epic React v2.

Вы не можете просматривать данный курс -

Array ( [bitrate] => 2818455 [filesize] => 47613646 [mime_type] => video/mp4 [length] => 129 [length_formatted] => 2:09 [width] => 3840 [height] => 2160 [fileformat] => mp4 [dataformat] => quicktime [audio] => Array ( [dataformat] => mp4 [bitrate] => 128000 [codec] => ISO/IEC 14496-3 AAC [sample_rate] => 44100 [channels] => 2 [bits_per_sample] => 16 [lossless] => [channelmode] => stereo [compression_ratio] => 0.090702947845805 ) [created_timestamp] => -2082844800 )