React

🟡Хардкорный тест по 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

Вещи, которые полезно знать о React.js Несколько слов о мотивации написать эту статью. Большинство вещей, о которых я тут хочу рассказать, вы можете узнать из документации React. Но проводя собеседования последние пару лет я понял, что многие разработчики о них не знают по каким-то причинам, может просто не вчитывались внимательно или этому не уделено достаточного внимания в самой документации. Так что я решил собрать тут несколько моментов и разобрать их, чтобы тот кто прочитает эту статью, начал понимать React чуть лучше и стал более осознанно использовать те или иные инструменты в работе. Так же это будет полезно тем, кто хочет подготовиться к собеседованию и не ударить в грязь лицом, когда их будут гонять по реакту. https://habr.com/ru/post/679452/ ✍️ @React_lib

Освой продвинутые инструменты фронтенда — изучи React! 6 февраля в 20:00 мск пройдет открытый урок «Хуки и мемоизация» в рамках онлайн-курса «React.js Developer» OTUS. На занятии мы научимся эффективно использовать возможности React.js и избегать лишних рендеров. Занятие будет полезно frontend JavaScript разработчикам и начинающим React разработчикам. Пройдите вступительный тест для регистрации https://otus.pw/ELJA/

Возможно, вам не нужен эффект Эффекты - это люк для выхода из парадигмы React. Они позволяют вам "выйти за пределы" React и синхронизировать ваши компоненты с какой-либо внешней системой, например, с не-React виджетом, сетью или DOM браузера. Если внешняя система не задействована (например, если вы хотите обновить состояние компонента при изменении некоторых реквизитов или состояния), вам не нужен Эффект. Удаление ненужных Эффектов сделает ваш код более понятным, быстрым в исполнении и менее подверженным ошибкам. https://beta.reactjs.org/learn/you-might-not-need-an-effect ✍️ @React_lib

Примеры использования React ref callback https://julesblom.com/writing/ref-callback-use-cases ✍️ @React_lib

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

React Email Коллекция высококачественных нестилизованных компонентов для создания красивых электронных писем с помощью React и TypeScript. Сайт https://react.email/ Примеры https://react.email/examples ✍️ @React_lib

✍️ @React_lib

Используйте в React компоненты вместо функций ✍️ @React_lib

UseState: Asynchronous or what? 00:00 Introduction 00:30 The Basics 01:14 React Advanced Sponsorship 02:12 Basic React State/Rendering Flow 10:10 Fixing the Async "Problem" 15:20 What have we learned 16:30 Outroduction ✍️ @React_lib