ReactJS/React Native, JS, HTML, Frontend - Uncolored collection
166 subscribers
242 photos
4 videos
6 files
535 links
Пополняющаяся коллекция материалов по ReactJS и смежных технологий.

Laravel: https://t.me/laravel_uncolored
Vue: https://t.me/vuejs_uncolored
Svelte: https://t.me/svelte_uncolored

Для связи @RainySkys
Download Telegram
Forwarded from FrontEndDev
Шпаргалка по React Router: все, что вам нужно знать

https://reedbarger.com/react-router-cheatsheet/
Forwarded from Frontend Info
5 вещей, которые каждый разработчик React должен знать о состоянии

https://reedbarger.com/what-to-know-about-react-state
Forwarded from Веб-страница
Создайте свою собственную React-подобную библиотеку с нуля

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

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

https://tprg.ru/P9Ba

#react
React Material-UI

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

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

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

https://github.com/reduxjs/redux/releases/tag/v4.1.0
Forwarded from Frontend Info
Учебное пособие по Webpack для начинающих: полное пошаговое руководство на 2021 год

https://www.codeinwp.com/blog/webpack-tutorial-for-beginners/
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 в 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
Forwarded from IT 1ess0ns
⚙️Изучение React Native

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

@IT_1ess0ns