Шпаргалка по React.js

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

https://devhints.io/react

✍️ @React_lib

Наиболее распространенные ошибки при использовании React

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

https://claritydev.net/blog/the-most-common-mistakes-when-using-react

✍️ @React_lib

Библиотеки React

React существует уже достаточно давно. С тех пор вокруг этой компонентной библиотеки сформировалась обширная, но перегруженная экосистема библиотек. Разработчикам, пришедшим с других языков программирования или библиотек/фреймворков, часто бывает сложно разобраться во всех библиотеках для создания веб-приложений на React.

https://www.robinwieruch.de/react-libraries/

✍️ @React_lib

React и TypeScript - Быстрый Курс

Исходники на GitHub https://github.com/vladilenm/react-fast-2022

источник

✍️ @React_lib

Just React!: Learn React the React Way
Автор: Hari Narayn (2022)

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

Вы начнете с изучения основ веб-технологий, JavaScript нового поколения и того, как React вписывается в эти основы. В последующих главах вы построите приложение React с нуля и узнаете о JSX, компонентах, реквизитах, управлении состоянием, контексте и событиях жизненного цикла. Попутно вы создадите многокомпонентное приложение и увидите, как компоненты взаимодействуют между собой. Также будут рассмотрены вопросы отладки и стилизации приложений React.

✍️ @React_lib

Использование React в приложениях Angular

Два сценария требуют использования React в Angular-приложении. Во-первых, в экосистеме React есть компонент, на разработку которого у нас уйдут недели, например, компонент Timeline. Во-вторых, возможно, мы приобрели компанию, использующую React, и нам необходимо интегрировать его в существующее приложение.

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

https://netbasal.com/using-react-in-angular-applications-1bb907ecac91

✍️ @React_lib

Скажем нет “мерцающему” UI: useLayoutEffect и браузерная отрисовка

Как изменять элементы на основе измерений DOM: в чем проблема с useEffect, как ее решает useLayoutEffect, что такое браузерная отрисовка и какую роль здесь играет SSR.

https://www.developerway.com/posts/no-more-flickering-ui

✍️ @React_lib

Распространенные ошибки новичков при работе с React

Пару лет назад я преподавал React в местном учебном центре программирования и заметил, что есть несколько вещей, которые постоянно застают студентов врасплох. Люди постоянно попадали в одни и те же ямы!
В этом уроке мы рассмотрим 9 наиболее распространенных проблем. Вы узнаете, как их обойти и, надеюсь, избежать многих разочарований.
Чтобы сохранить легкость и непринужденность, мы не будем слишком углубляться в причины этих проблем. Это скорее краткая справка.

https://www.joshwcomeau.com/react/common-beginner-mistakes/

✍️ @React_lib

Руководство по дополнительным параметрам Reacts

Знаете ли вы, что в React API есть несколько необязательных и альтернативных параметров? Скрытые дополнительные параметры, которые обеспечивают "бонусное поведение". Большинство из них предназначены для оптимизации и помогают выжать максимум производительности из вашего приложения React.

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

https://julesblom.com/writing/react-optional-parameters

✍️ @React_lib

UI-компоненты для React: топ-10 библиотек и фреймворков

https://dev.to/nilanth/10-react-packages-with-1k-ui-components-2bf3

✍️ @React_lib

Анимация View Transitions в React

API View Transitions предлагает простой способ перехода любого визуального изменения DOM из одного состояния в другое. Это могут быть как небольшие изменения, например, переключение содержимого, так и более широкие изменения, например, переход с одной страницы на другую. Ниже приведена демонстрация работы API View Transitions в одностраничном приложении (SPA)

https://www.patterns.dev/posts/view-transitions

✍️ @React_lib