React

Understanding useMemo and useCallback https://www.joshwcomeau.com/react/usememo-and-usecallback/ ✍️ @React_lib

Learn React Router v6 In 45 Minutes 00:00 - Introduction 00:45 - Basics 06:18 - Router Types 10:22 - Dynamic Routes 13:40 - Route Specificity 16:46 - Nested Routes 28:54 - useRoutes Hooks 30:32 - Link Component 32:50 - NavLink Component 35:57 - Navigate Component 36:39 - useNavigate Hook 39:07 - Search Parameters 43:16 - Navigation State ✍️ @React_lib

Frontend meetup (Online) 1. Быть Senior Frontend Developer в 2023: Экспертиза, карьера и общество — Александр Гузенко, IT_ONE В докладе попробуем систематизировать средние по палате необходимые требования к Senior Frontend Developer к 2023 году. Разберем, чем синьор отличается от мидла, посмотрим на хард скилы, софт скилы, точки роста для синьора. 2. CLI для фронтендеров. Делаем лучше, а не хуже — Алексей Попков, Толока В докладе поговорим, как превратить скриптописательство в системный подход, какие есть основные критерии качества, и как сделать инструмент, которому будет рада вся команда. 3. Обзор полезных инструментов разработчика — Павел Теренин, Juniper Square В моем докладе инструменты разделены на две секции: инструменты для отладки верстки и стилей, и инструменты для отладки кода и оптимизации быстродействия. ➖➖➖ 🗓 15 марта, начало в 19:00 мск, Среда 🌐 ОНЛАЙН ✅ Регистрация на мероприятие

Avoiding useEffect with callback refs https://tkdodo.eu/blog/avoiding-use-effect-with-callback-refs ✍️ @React_lib

React: полное руководство по повторному рендерингу https://www.developerway.com/posts/react-re-renders-guide ✍️ @React_lib

8 Mistakes every junior React developer makes https://kusham1998.medium.com/8-mistakes-every-junior-react-developer-makes-7ceace725d36 ✍️ @React_lib

🚀Как JavaScript-разработчику использовать XState? Узнаем 3 марта в 20:00 на открытом уроке онлайн-курса «JavaScript Developer. Professional» в OTUS. 😎Тема вебинара: «Управление сложным состоянием на основе XState». XState — это инструмент для создания и проверки диаграмм состояний для визуализации состояния ваших приложений. Вместе с преподавателем Арсением Высоцким, тимлидом в большой международной компании, научимся описывать бизнес-логику посредством конечных автоматов. 👉Пройдите вступительный тест, чтобы принять участие в занятии https://otus.pw/lZmN/ Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru

Использование шаблонов проектирования группы GoF в React В этой статье поговорим о том, как написать в React многократно используемый код, используя три шаблона проектирования группы Gang-of-Four. Rus https://habr.com/ru/company/rshb/blog/680770/ Eng https://blog.bitsrc.io/using-gof-design-patterns-with-react-c334f3ea3147 ✍️ @React_lib

React re-renders guide: everything, all at once https://www.developerway.com/posts/react-re-renders-guide ✍️ @React_lib

The Best React Design Patterns You Should Know About https://www.uxpin.com/studio/blog/react-design-patterns ✍️ @React_lib

🟡Хардкорный тест по JS — Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой! 🚀За 4 месяца вы научитесь продвинутым возможностям Redux, Redux-Saga, Redux-thunk; созданию SPA-приложений и оптимизации их для production; чистому и лаконичному коду с TypeScript; применению интеграционных и юнит-тестов; работе в GraphQL, Apollo, Relay. 👉🏻ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru

The Easiest React Hook 00:00 - Introduction 00:30 - Why this hook is needed 02:25 - How to use the useId hook 04:03 - querySelector gotcha 05:08 - How to use the useId hook with multiple ids ✍️ @React_lib

Работа с ошибками как профессионал в TypeScript Обработка ошибок в Type/JavaScript - это тема, которой не уделяется должного внимания. Для долговечности любого проекта очень важно отлавливать и регистрировать ошибки. С годами, когда я начал больше работать с TypeScript, я начал понимать, что не совсем понимаю обработку ошибок. Я часто сталкивался с этой проблемой: https://engineering.udacity.com/handling-errors-like-a-pro-in-typescript-d7a314ad4991 ✍️ @React_lib

🟡Хардкорный тест по JS — Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой! 🚀За 4 месяца вы научитесь продвинутым возможностям Redux, Redux-Saga, Redux-thunk; созданию SPA-приложений и оптимизации их для production; чистому и лаконичному коду с TypeScript; применению интеграционных и юнит-тестов; работе в GraphQL, Apollo, Relay. 👉🏻ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru

✨React-bits Коллекция паттернов, антипаттернов, советов и полезных ресурсов для React-разработчиков. https://github.com/vasanthk/react-bits ✍️ @React_lib

Рекомендуем к прочтению книгу Александра Бындю "Антихрупкость в IT" Эта книга — результат многолетнего опыта построения IT-продуктов. И прежде всего она о том, как выстроить процессы разработки IT-систем таким образом, чтобы успевать вовремя подстроиться под любые изменения. В её основе — описание работающих практик, примеры из реальных проектов, анализ ошибок и выводы. В книге собраны рекомендации для владельцев бизнеса и разработчиков. Первые приобретут систематизированные знания о том, как правильно взаимодействовать с IT, а вторые — как делать хорошо и не делать плохо. Сайт издания Ознакомиться с книгой

Использование шаблонов проектирования группы GoF в React В этой статье поговорим о том, как написать в React многократно используемый код, используя три шаблона проектирования группы Gang-of-Four. https://blog.bitsrc.io/using-gof-design-patterns-with-react-c334f3ea3147 ✍️ @React_lib

Simple React Component That Makes Titles More Readable https://github.com/shuding/react-wrap-balancer ✍️ @React_lib

😎Тест по React JS от OTUS Ответьте на 19 вопросов и проверьте, насколько вы готовы к обучению на курсе React JS. Сможете сдать — пройдёте на продвинутый курс по специальной цене, а также получите 🎁 видео-курс по Git в подарок ПРОЙТИ ТЕСТ https://otus.pw/E4Dg/

Как создать Star Rating виджет на React.js и оптимизировать его В этой статье я хочу затронуть еще одну задачу, с которой вы можете столкнуться на собеседовании на позицию Front-End — создание Star Rating виджета. За последние пять месяцев у меня было 15 онсайт собеседований, а также офферы от Google, Roku, Microsoft и других компаний. Вы должны уточнить требования и реализовать этот виджет в течение ~ 45–50 минут. Rus https://habr.com/ru/post/678478/ Eng https://betterprogramming.pub/how-to-implement-star-rating-widget-with-react-js-and-optimize-it-e3625f3104f ✍️ @React_lib