Представляем Elf — Реактивное хранилище с магическими способностями для JS приложений

https://netbasal.com/introducing-elf-a-reactive-store-with-magical-powers-for-js-apps-678d6cb0596f

Пишем свой собственный React.

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

https://pomb.us/build-your-own-react/

JWT: полное руководство с лучшими практиками в JavaScript

https://betterprogramming.pub/jwt-ultimate-how-to-guide-with-best-practices-in-javascript-f7ba4c48dfbd

Dependency injection в React

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

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

Как оптимизировать размер бандла SPA и ускорить загрузку приложения в несколько раз

https://habr.com/ru/company/miro/blog/595307/

Методы оптимизации производительности рендеринга React: часть 1

https://www.useanvil.com/blog/engineering/improve-optimize-react-render-performance-part-1/

Передаем React компоненты по WebSocket

https://habr.com/ru/post/596237/

WeakMap и WeakSet: понимание JavaScript weak references

https://blog.logrocket.com/weakmap-weakset-understanding-javascript-weak-references/

Лучшие WebSocket библиотеки для Node.js в 2022 году

https://blog.logrocket.com/top-websocket-libraries-nodejs-2022/

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

https://ui.dev/react-router-tutorial/

Изучение трех новых API React 18

https://blog.logrocket.com/exploring-react-18-three-new-apis/

Remix vs Next.js

https://remix.run/blog/remix-vs-next

⚙️Функциональное программирование с библиотекой RamdaJS

▪️Обзор возможностей и разбор блока Math - Смотреть
▪️Обработка строк и поток вызова функций - Смотреть
▪️Методы объектов - Смотреть
▪️Логические операции - Смотреть
▪️Функции первой необходимости - Смотреть
▪️Трансдюсеры как скидка на дорогие операции - Смотреть

🔝@itlecture

React на FreeCodeCamp

https://www.youtube.com/watch?v=4UZrsTqkcW4

Улучшаем дизайн React приложения с помощью Compound components

https://habr.com/ru/company/alfa/blog/647013/

Как создать сервер GraphQL в Next.js

В туториале рассматривается пример подключения GraphQL в Next.js приложение с помощью apollo-server-micro

#graphql #nextjs

К статье(eng)

Использование Effector в стеке React + TypeScript

Effector - стейт-менеджер с несколькими хранилищами для приложений Javascript (React/ React Native/Vue/Node.js)

#effector #state #react #typescript

К статье(rus)

8 удобных React хуков

— useTimeout - имплементация setTimeout
— usePrevious - для хранения свойств с прошлого состояния
— useClickInside - для определения клика внутри элемента
— useClickOutside - для клика вне компонента
— useFetch - как обертка над fetch
— useInterval - имплементация setInterval
— useComponentDidMount - для выполнения кода после mount компонента
— useComponentWillUnmount - для выполнения кода на unmount компонента

#react

К статье(eng)

​​5 приемов по разделению «бандла» и «ленивой» загрузке компонентов в React.

Разделение Javascript-кода на несколько файлов называется разделением «бандла» или сборки (bundle splitting). Это позволяет загружать только тот код, который который используется приложением в данный момент, другие части загружаются по необходимости (по запросу пользователя).

[ Статья ]

#js #react

React Native with Typescript – The Practical Guide (2022)

FREE For Limited Enrolls

Create an app in React Native - from basic knowledge to working app. Learn React Native components, Typescript, and more

https://coursevania.com/courses/react-native-with-typescript-the-practical-guide-2022/