Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-26

1 Привет! Я - мидл-разработчик на Vue, и на Хекслет пришла, чтобы прокачать отдельные навыки и почувствовать себя увереннее. В этом посте я бы хотела рассказать, почему я решила заниматься по треку "<a>Веб-разработка на React</a>", и накидать несколько идей, что можно учить дальше по этой теме.

2 Своими впечатлениями о других курсах на Хекслете я уже делилась в<a>предыдущем</a>посте. Моя основная цель сейчас -подтянуть знания перед собеседованиями, а такжеознакомиться с новым фреймворком, чтобы при необходимости переключиться на него. Так что в этом месяце я решила сделать фокус на следующих треках:

3 <ul><li>"<a>Веб-разработка на React</a>"</li>

4 <li>"<a>ООП в JS</a>"</li>

5 <li>"<a>Алгоритмы и структуры данных</a>"</li>

6 <li>а также закончить ранее начатый (и очень крутой) трек "<a>Асинхронное программирование на JS</a>"</li>

7 </ul>Все треки из этого списка я уже успела потрогать, и они меня впечатлили - к треку по ООП, например, практически ничего ни прибавить, ни убавить. В этом посте я бы хотела поделиться своими впечатлениями именно о треке поReact, так какон отлично подходит для начинающих, но у продолжающих обязательновозникнут вопросы, почему в нем нет некоторых тем. Как я понимаю, курсы с этого трека изучаются также в профессии "<a>Фронтенд-разработчик</a>" с нуля, так что их сможет пройти любой желающий - ведь продолжающие могут при желании изучить отдельные темы и сами.

8 В целом этот трек мне понравился, и меня порадовало, что в нем есть курсы не только по React, а также по<a>DOM API</a>и по<a>архитектуре фронтенда</a>- новичкам без них было бы очень сложно перейти сразу к компонентам. Я бегло пролистала эти две темы, так как уже знакома с ними, и перешла сразу к React.

9 Вводный курс "<a>JS: React</a>" отлично подойдет для всех, кто ни разу не видел синтаксис React и не знаком еще ни с одним фреймворком, так какпокрывает все самое важное- состояния, props, jsx, события, жизненный цикл компонента - в общем, все, что нужно, чтобы броситься клепать свои первые формы. Отдельный респект авторам курса за темы по<a>автоматному программированию</a>и<a>производительности</a>- так, вопрос по PureComponent я недавно услышала на одном из мок-собеседований.

10 К курсам "<a>JS: Redux</a>" и "<a>React: Redux Toolkit</a>" у меня тоже нет вопросов - их после незамысловатого Vuex во Vueизучать было интересно, потому что приходится много думать о неизменяемости. А еще меня очень впечатлили темы по<a>нормализации данных</a>и<a>редьюсерам</a>(как все удобно!) - надеюсь однажды сравнить возможности Vuex и Redux более подробно.

11 Наверняка у многих разработчиков, имевших опыт хотя бы с одним фреймворком, курс "<a>JS: React Hooks</a>" мог оставить неоднозначные впечатления. Да, курс отлично раскрывает темы, которые поднимает (и они самые важные и часто применяемые) - но ведь это не все хуки, которые есть в React! Поэтому остаток поста я бы хотела посвятить тому,что делать тем, кто не хочет останавливаться на достигнутом.

12 Самый простой вариант - открыть<a>документацию по React</a>, и идти по ней, к тому же ее как раз недавно обновили, и пользоваться ей - одно удовольствие. Но, как и многие, я не ищу легких путей! А также хочу иметь перед глазами больше одного плана -так проще выявить самые часто упоминаемые темы.

13 В качестве основного ориентира для дальнейшего изучения React я беру план с опенсорс-платформыroadmap.sh. Здесь собрано множество карт развития для разработчиков всех мастей, а также для отдельных скиллов - и React там посвящена отдельная<a>дорожная карта</a>. Все планы интерактивны, и по каждой теме есть ссылка на бесплатный источник или официальную документацию. То, что нужно!

14 Итак, мои идеи,на какие концепты из React стоит обратить внимание:

15 <ul><li>Почитать главу из документации<a>Thinking in React</a>- название говорит само за себя</li>

16 <li>Познакомиться с главой<a>State as a Snapshot</a>- помогает лучше разобраться с логикой ре-рендера</li>

17 <li>Сравните работу<a>useState и useReducer</a></li>

18 <li>Изучили хук useEffect? Почитайте,<a>почему он не всегда нужен</a></li>

19 <li>Конечно же, не забываем про<a>кастомные хуки</a></li>

20 <li>Одна из моих любимых возможностей во Vue - computed (вычисляемые свойства). Его альтернатива в React -<a>useMemo</a>(и туда же<a>useCallback</a>)</li>

21 <li>Хуки можно изучать еще долго - вот, например,<a>useTransition</a></li>

22 <li>На какие state management решения можно обратить внимание (согласно roadmap.sh) -<a>Zustand</a>,<a>Mobx</a>, а также чемпион среди легковесов -<a>nanostores</a></li>

23 <li>Не оставим в стороне<a>React Router</a></li>

24 <li>И ознакомимся со styling решениями -<a>CSS Modules</a>,<a>styled-components</a>,<a>Emotion</a>,<a>Tailwind</a>и<a>Chakra UI</a>- глаза разбегаются, но в общих чертах преимущества разных систем стоит знать.</li>

25 </ul>Этот список можно и продолжать, но его точно хватит на первое время. А если не хватит - углубитесь в "<a>Тестирование фронтенда</a>" (относительно React нас интересует урок "<a>React Testing Library</a>") или в "<a>JS: Express</a>". А я, пожалуй, начну<a>проект Чат (Slack)</a>, повторю пройденное и поучусь работать с Formik и websockets.

26 Успехов!