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
Fullstack React with TypeScript

Автор: Maksim Ivanov and Alex Bespoyasov
Год издания: 2020

#react #english
Forwarded from IT 1ess0ns
🚀Next.js

▪️Next.js #0 Введение - Смотреть
▪️Next.js #1 Базовые концепции и установка - Смотреть
▪️Next.js #2 Страницы и Роутинг - Смотреть
▪️Next.js #3 Макет и компоненты - Смотреть
▪️Next.js #4 Cтили - Смотреть
▪️Next.js #5 Навигация по страницам - Смотреть
▪️Next.js #6 Картинки и метаданные - Смотреть
▪️Next.js #7 Получение данных - Смотреть
▪️Next.js #8 Динамические роуты - Смотреть
▪️Next.js #9 Рендеринг на сервере и статичная генерация (SSR & SSG) - Смотреть
▪️Next.js #10 Создание API - Смотреть
▪️Next.js #11 Подключение TypeScript - Смотреть

🔥@IT_1ess0ns
Forwarded from IT 1ess0ns
🚀React & Node.js ИНТЕРНЕТ МАГАЗИН С НУЛЯ. PERN stack PostgreSQL + express + React js + node.js

👉🏻Смотреть

🔥@IT_1ess0ns
The React Workshop

Автор: Brandon Richey, Ryan Yu, Endre Vegh, Theofanis Despoudis, Anton Punith, Florian Sloot
Год издания: 2020

#react #english
Service Worker

Service Worker - что же это это такое?

Если кратко, то это специальный javascript файл, который служит прослойкой между сайтом и сервером.

Используя данную прослойку, можно кэшировать ответы с сервера и такие составляющие сайта, как CSS, favicon, логотип, шрифты и другое.

Какая польза от его использования?

- Повышение производительности,
- Предоставление доступа к контенту, даже когда пользователь оффлайн
и другое!

Статья супер! В ней подробно рассказано, как создать и использовать данную прослойку, приведены разные схемы и примеры.

Читать -> тут.

🔥 @ProstoRazrabotka
Forwarded from FrontEndDev
Сервис для изучения React.js и его экосистемы

https://gurufy.dev/
#почитать #junior #middle

Основы использования Drag&Drop библиотеки на React.

Читать статью
Forwarded from Веб-страница
Архитектура проекта React

Здесь вы узнаете, как создать структуру и архитектуру проекта с помощью React. Это что-то вроде смеси лучших практик и основ React. Статья будет полезна особенно тем, кто начинает работу с React и хочет разобраться на берегу, как лучше организовать свой проект.

https://tprg.ru/7PTa

#react
7 лучших библиотек для создания молниеносно быстрых приложений ReactJS

ReactJS по умолчанию обладает высокой производительностью. Но время от времени у вас появляется шанс сделать его еще лучше. И замечательное сообщество React придумало для этого несколько фантастических библиотек.
Сегодня мы поговорим о семи таких библиотеках, которые могут улучшить качество вашего кода и при этом повысить производительность.

[ Статья ]
Forwarded from Веб-страница
Создание компонента React с помощью TDD

Подход TDD, или Test Drive Driven, предполагает очень короткий цикл разработки, который повторяется до достижения необходимого результата путём постоянного проведения тестов кода и внесения необходимых изменений.

В этой статье автор решил воспользоваться этим методом разработки для создания компонента React. Вот, что у него вышло:

https://tprg.ru/9TA0

#react
Forwarded from FrontEndDev
Превращение React-приложения в устанавливаемый PWA с оффлайн-режимом, сервис-воркерами и темами - Alex Gur с подробным туториалом.

https://dev.to/alexgurr/turning-a-react-app-into-a-pwa-with-offline-detection-service-workers-and-theming-142i
Forwarded from FrontEndDev
Пишем свой собственный React.

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

https://pomb.us/build-your-own-react/
Forwarded from FrontEndDev
Dependency injection в React

Статья о том, почему стоит использовать DI и как его реализовать в React приложении.

https://blog.logrocket.com/dependency-injection-react/