A. O. Okonta — React.js Design Patterns

Книга React.js Design Patterns представляет собой обширный сборник рецептов и лучших практик о том, как создавать лёгкие и универсальные веб-приложения при помощи популярной библиотеки React.js, как добиться надежной работоспособности кода, и как можно избежать частых ошибок и известных трудностей. Книга написана очень легко, содержит множество примеров кода, которые хорошо документированы

В первой главе рассмотрены типичные анти-паттерны проектирования, с которыми сталкивается каждый React-разработчик. Они перечислены и снабжены примерами кода. Рассказано о том, как можно избежать сопутствующих трудностей и выйти из негативной ситуации. Среди них — разрастание кода компонента, глубокий проброс пропсов, неиспользование полей key и прочее.

Во второй главе подробно рассказано о том, как создавать свои собственные компоненты — строительные кирпичики любого SPA-приложения. Здесь рассматриваются различные соглашения о наименовании, функциональные компоненты в сравнении с классовыми компонентами React.

Третья глава посвящена чистому и поддерживаемому коду для непрерывного развития бизнеса — как его написать, к чему следует стремиться. Рассмотрено использование TypeScript для создания реальных приложений на React.

Четвертая глава рассказывает о хуках, необходимых для написания функциональных компонентах, которые могут хранить состояния. Рассказано о встроенных React-хуках и о кастомных хуках — что это такое, как и для чего ими пользоваться.

В пятой главе рассказано о стилизации компонентов React. В ней приведены сведения о том, как использовать различные способы стилизации — при помощи CSS, Sass и Less, о достоинствах и недостатках различных способов стилизации, а также о соглашениях при написании стилей.

В шестой главе кратко рассмотрен рендеринг на стороне сервера или SSR: что такое SSR, когда им пользоваться, сильные и слабые стороны Next.js в сравнении с React.js. Как использовать Server Side Rendering вместе с Node.js и Express.js

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

Восьмая глава содержит принципы создания масштабируемых приложений, обладающих высокой производительностью на React. Кратко рассматриваются способы организации структуры приложения, их достоинства и недостатки. Также затронута тема TypeScript, HOC и принципов SOLID.

В последней главе уделено внимание тестированию готовых приложений на React.js

Содержание

• React Anti-Patterns and Best Practices
• Writing Components
• Clean and Maintainable Code
• React Hooks
• Styling
• Server-Side Renderings
• Data Fetching
• Building Scalable Applications
• Testing