Передача props компоненту

Компоненты React используют props для взаимодействия друг с другом. Каждый родительский компонент может передавать некоторую информацию своим дочерним компонентам, передавая им props. Props могут напоминать атрибуты HTML, но через них можно передавать любые значения JavaScript, включая объекты, массивы и функции.

https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children

✍️ @React_lib

Антипаттерны и лучшие практики React - "за" и "против

Может показаться, что React - один из наименее подверженных влиянию мнений фреймворков на Диком Западе Web. Несмотря на это, существует множество ошибок, которые можно совершить, и еще больше вещей, которые можно сделать, чтобы написать чистый и читабельный код. В этой статье рассказывается о 17 распространенных антипаттернах и лучших практиках в React.

https://dev.to/perssondennis/react-anti-patterns-and-best-practices-dos-and-donts-3c2g

✍️ @React_lib

Создание и отправка электронных писем с помощью React

Коллекция высококачественных нестилевых компонентов для создания красивых электронных писем с использованием React и TypeScript. Благодаря поддержке темного режима он снижает сложность создания отзывчивых писем. Кроме того, он позаботится о несоответствиях между Gmail, Outlook и другими почтовыми клиентами.

https://github.com/resendlabs/react-email

✍️ @React_lib

Шпаргалка по 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