Forwarded from Frontend Info
YouTube
Все ли вы знаете о useSelector?
useSelector - это хук, который используется буквально каждый день. Кажется что мы должны знать о нем уже абсолютно все, но так ли это на самом деле?
Исходники useSelector - https://github.com/reduxjs/react-redux/blob/v8.0.0-beta.1/src/hooks/useSelector.ts#L33…
Исходники useSelector - https://github.com/reduxjs/react-redux/blob/v8.0.0-beta.1/src/hooks/useSelector.ts#L33…
Forwarded from FrontEnd книги для программистов
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
▪️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
👉🏻Смотреть
🔥@IT_1ess0ns
Forwarded from КНИГИ: REACT, JS, ANGULAR, NODE, VUE
Forwarded from Javascript Архив
React_Hooks_in_Action_With_Suspense_and_Concurrent_Mode_2021.pdf
25.2 MB
React Hooks in Action: With Suspense and Concurrent Mode - 2020
#React
#React
Forwarded from Просто: разработка
Service Worker
Service Worker - что же это это такое?
Если кратко, то это специальный javascript файл, который служит прослойкой между сайтом и сервером.
Используя данную прослойку, можно кэшировать ответы с сервера и такие составляющие сайта, как CSS, favicon, логотип, шрифты и другое.
Какая польза от его использования?
- Повышение производительности,
- Предоставление доступа к контенту, даже когда пользователь оффлайн
и другое!
Статья супер! В ней подробно рассказано, как создать и использовать данную прослойку, приведены разные схемы и примеры.
Читать -> тут.
🔥 @ProstoRazrabotka
Service Worker - что же это это такое?
Если кратко, то это специальный javascript файл, который служит прослойкой между сайтом и сервером.
Используя данную прослойку, можно кэшировать ответы с сервера и такие составляющие сайта, как CSS, favicon, логотип, шрифты и другое.
Какая польза от его использования?
- Повышение производительности,
- Предоставление доступа к контенту, даже когда пользователь оффлайн
и другое!
Статья супер! В ней подробно рассказано, как создать и использовать данную прослойку, приведены разные схемы и примеры.
Читать -> тут.
🔥 @ProstoRazrabotka
Forwarded from FrontEndDev
Forwarded from Верстальщик от бога
Forwarded from Веб-страница
Архитектура проекта React
Здесь вы узнаете, как создать структуру и архитектуру проекта с помощью React. Это что-то вроде смеси лучших практик и основ React. Статья будет полезна особенно тем, кто начинает работу с React и хочет разобраться на берегу, как лучше организовать свой проект.
https://tprg.ru/7PTa
#react
Здесь вы узнаете, как создать структуру и архитектуру проекта с помощью React. Это что-то вроде смеси лучших практик и основ React. Статья будет полезна особенно тем, кто начинает работу с React и хочет разобраться на берегу, как лучше организовать свой проект.
https://tprg.ru/7PTa
#react
Forwarded from Webchic - frontend, backend, ci/cd
7 лучших библиотек для создания молниеносно быстрых приложений ReactJS
ReactJS по умолчанию обладает высокой производительностью. Но время от времени у вас появляется шанс сделать его еще лучше. И замечательное сообщество React придумало для этого несколько фантастических библиотек.
Сегодня мы поговорим о семи таких библиотеках, которые могут улучшить качество вашего кода и при этом повысить производительность.
[ Статья ]
ReactJS по умолчанию обладает высокой производительностью. Но время от времени у вас появляется шанс сделать его еще лучше. И замечательное сообщество React придумало для этого несколько фантастических библиотек.
Сегодня мы поговорим о семи таких библиотеках, которые могут улучшить качество вашего кода и при этом повысить производительность.
[ Статья ]
Хабр
7 лучших библиотек для создания молниеносно быстрых приложений ReactJS
Некоторые необходимые инструменты для rock-star разработчика Привет, Хабр. В рамках набора на курс " React.js Developer " подготовили перевод материала. Всех желающих приглашаем на открытый демо-урок...
Forwarded from Веб-страница
Создание компонента React с помощью TDD
Подход TDD, или Test Drive Driven, предполагает очень короткий цикл разработки, который повторяется до достижения необходимого результата путём постоянного проведения тестов кода и внесения необходимых изменений.
В этой статье автор решил воспользоваться этим методом разработки для создания компонента React. Вот, что у него вышло:
https://tprg.ru/9TA0
#react
Подход TDD, или Test Drive Driven, предполагает очень короткий цикл разработки, который повторяется до достижения необходимого результата путём постоянного проведения тестов кода и внесения необходимых изменений.
В этой статье автор решил воспользоваться этим методом разработки для создания компонента React. Вот, что у него вышло:
https://tprg.ru/9TA0
#react
Forwarded from FrontEndDev
Почему стоит использовать Pressable компоненты в React Native
https://javascript.plainenglish.io/why-we-should-use-pressable-in-react-native-643baaa57a6b
https://javascript.plainenglish.io/why-we-should-use-pressable-in-react-native-643baaa57a6b
Medium
Why We Should Use Pressable In React Native
Pressable is a replacement for Touchable Components
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
https://dev.to/alexgurr/turning-a-react-app-into-a-pwa-with-offline-detection-service-workers-and-theming-142i
Forwarded from FrontEndDev
React re-Reselect: лучшая мемоизация и управление кешем
https://blog.logrocket.com/react-re-reselect-better-memoization-cache-management/
https://blog.logrocket.com/react-re-reselect-better-memoization-cache-management/
LogRocket Blog
React re-reselect: Better memoization and cache management - LogRocket Blog
Add memoization and deep cache management to your React application with re-reselect, a wrapper for Reselect.
Forwarded from FrontEndDev
Представляем Elf — Реактивное хранилище с магическими способностями для JS приложений
https://netbasal.com/introducing-elf-a-reactive-store-with-magical-powers-for-js-apps-678d6cb0596f
https://netbasal.com/introducing-elf-a-reactive-store-with-magical-powers-for-js-apps-678d6cb0596f
Medium
Introducing Elf — A Reactive Store with Magical Powers for JS Apps
State management is a challenge for every developer. Continuously keeping track of what has been updated, why, and when, can become a…
Forwarded from FrontEndDev
Пишем свой собственный React.
Родриго Помбо, следуя архитектуре фреймворка, показывает, как можно самому написать React с нуля. Отличное интерактивное пособие с удобными примерами кода.
https://pomb.us/build-your-own-react/
Родриго Помбо, следуя архитектуре фреймворка, показывает, как можно самому написать React с нуля. Отличное интерактивное пособие с удобными примерами кода.
https://pomb.us/build-your-own-react/
pomb.us
Build your own React
We are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the…
Forwarded from FrontEndDev
JWT: полное руководство с лучшими практиками в JavaScript
https://betterprogramming.pub/jwt-ultimate-how-to-guide-with-best-practices-in-javascript-f7ba4c48dfbd
https://betterprogramming.pub/jwt-ultimate-how-to-guide-with-best-practices-in-javascript-f7ba4c48dfbd
Forwarded from FrontEndDev
Dependency injection в React
Статья о том, почему стоит использовать DI и как его реализовать в React приложении.
https://blog.logrocket.com/dependency-injection-react/
Статья о том, почему стоит использовать DI и как его реализовать в React приложении.
https://blog.logrocket.com/dependency-injection-react/