Гайд по профилированию React приложений

Работаем с React Profiler API для улучшения производительности: https://proglib.io/w/466251d0

#react #performance

​Как тестировать фронтенд

Чтобы избежать проблем, нужно тестировать не только JavaScript-код, но даже HTML. Ведь проблемы с вёрсткой могут сильно испортить впечатления пользователя.

В этой статье автор рассказал, как в их компании тестируют фронтенд и, в частности, вёрстку и записал целый чек-лист:

https://tprg.ru/IzDW

#фронтенд #html

React JS- Complete Guide for FrontEnd Web Development (2020)

FREE For 48 Hrs

Become an expert React JS Developer. Learn HTML, CSS, JavaScript, ES6, React JS and jQuery

https://coursevania.com/courses/react-js-complete-guide-for-frontend-web-development-in-2020/

The Complete ReactJs Course – Basics to Advanced (2021)

FREE For 48 Hrs

Learn React JS from scratch with hands-on practice assignments and projects.

https://coursevania.com/courses/the-complete-react-js-course-basics-to-advanced-2020/

Рассказали о некоторых особенностях CSS-переменных, о которых почему-то редко говорят.

Читать статью

Работа со строками в современном JavaScript

https://www.baseclass.io/guides/string-handling-modern-js

Remotion: фреймворк для создания видео в React.

https://blog.logrocket.com/remotion-a-framework-for-making-videos-in-react/

Practical React Native: Build Two Full Projects and One Full Game using React Native

Автор: Frank Zammetti
Год издания: 2018

Скачать книгу pdf
Скачать книгу epub

#React #english

5 вещей, которые каждый разработчик React должен знать о состоянии

https://reedbarger.com/what-to-know-about-react-state/

Простые советы по написанию чистого кода React-компонентов.

Перевод статьи Искандера Саматова о том, как писать React-компоненты и создавать масштабируемые проекты.

https://habr.com/ru/company/ruvds/blog/553068/

​Создание приложения React с нуля в 2021 году

Данное руководство позволит вам создать приложение React, чтобы понять, как работают уже существующие приложения и научиться создавать свои:

https://tprg.ru/KGOC

#react

Шпаргалка по React Router: все, что вам нужно знать

https://reedbarger.com/react-router-cheatsheet/

Hookrouter: современный подход к React Routing

https://blog.bitsrc.io/hookrouter-a-modern-approach-to-react-routing-b6e36f7d49d9

​Как работает состояние в React

Большой разбор с примерами кода: https://proglib.io/w/8956351b

#react #frameworks

​Создайте свою собственную React-подобную библиотеку с нуля

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

Либо прочитать эту статью, где автор создаёт похожую на React библиотеку и показывает, как работают те или иные процессы:

https://tprg.ru/P9Ba

#react

React Material-UI

React Material-UI — это набор компонентов React, которые реализуют концепцию Material Design от Google. Если учесть то, что у библиотеки Material-UI более 30 тысяч звёзд на GitHub, она, вероятно, является самой популярной библиотекой для React.

Стоит отметить качество и объем документации этой библиотеки. Вам нужно разобраться, как все работает, а чем больше функционала, тем больше проблем может возникнуть. Так что наличие обширной и хорошо продуманной документации очень важно.

👉 @sWebDev

Выпущен Redux 4.1
Это небольшой выпуск, но размер пакета уменьшился почти на 40%, а сообщения об ошибках улучшены. Вы также можете быть заинтригованы первой версией Alpha Redux Toolkit, которая интегрирует RTK Query - библиотеку выборки и кэширования данных, созданную для Redux.

https://github.com/reduxjs/redux/releases/tag/v4.1.0