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

Почему мы перешли с Webpack на Vite - опыт разработчиков Replit.

https://blog.replit.com/vite

Fullstack React Native

Автор: Devin Abbott, Houssein Djirdeh, Anthony Accomazzo, and Sophia Shoemaker
Год издания: 2017

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

#react #english

​⚛️ 21 хорошая практика для очень хороших React проектов

Несколько практических советов для улучшения качества кода.

https://proglib.io/w/7f05ad53

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

https://nuancesprog.ru/p/12381

@nuancesprog #статьи #JavaScript

Бесплатный курс по React. Скидка доступна ещё один день

https://coursevania.com/courses/react-the-complete-guide-with-react-hook-redux-2020-in-4hr/

​​React в 3D: как использовать react-three-fiber

Урок рисования: объясняем, как делать 3D-модели прямо в React с помощью библиотеки react-three-fiber. На выходе получите красивое кресло со светотенями.

https://highload.today/blogs/react-v-3d-kak-ispolzovat-react-three-fiber/?utm_source=telegram&utm_medium=social&utm_campaign=telega

Что нужно знать front-end разработчику, чтобы переехать в США?

Навыки, которые вам пригодятся: https://proglib.io/w/8f9950fb

#roadmap

Semantic UI React

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

Оригинальная версия библиотеки работала на основе HTML и CSS с небольшими вкраплениями JavaScript. Вы определяли свои HTML-элементы, задавали подготовленные CSS-классы и вызывали подходящую JavaScript-функцию.

Теперь, благодаря добавленной совместимости с React, вы при помощи JSX-кода напрямую определяете компоненты и связываете их с кодом React Component. То есть, вам не нужно волноваться о выборе правильного элемента и добавлять код: «реактивный» подход все это значительно упрощает.

👉 @sWebDev

Используем GPU для повышения производительности JavaScript

https://habr.com/ru/company/vdsina/blog/555994/

⚙️Изучение React Native

▪️Урок #1 – Разработка мобильного приложения на JavaScript - Смотреть
▪️Урок #2 – Создание проекта. Запуск на Андроид и iOS - Смотреть
▪️Урок #3 – Основные компоненты (View, Text, Button, Alert, Image) - Смотреть
▪️Урок #4 – Написание стилей для приложения - Смотреть
▪️Урок #5 – Создание списка дел (Todo List) - Смотреть

@IT_1ess0ns

useStateMachine — Хук конечного автомата для React

https://github.com/cassiozen/useStateMachine