ReactJS/React Native, JS, HTML, Frontend - Uncolored collection

Архитектура проекта React

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

https://tprg.ru/7PTa

#react

37 views17:52

Forwarded from Webchic - frontend, backend, ci/cd

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

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

[ Статья ]

Хабр

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

Некоторые необходимые инструменты для rock-star разработчика Привет, Хабр. В рамках набора на курс " React.js Developer " подготовили перевод материала. Всех желающих приглашаем на открытый демо-урок...

46 views14:15

ReactJS/React Native, JS, HTML, Frontend - Uncolored collection

Forwarded from Веб-страница

Создание компонента React с помощью TDD

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

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

https://tprg.ru/9TA0

#react

39 views16:15

ReactJS/React Native, JS, HTML, Frontend - Uncolored collection

Forwarded from FrontEndDev

Почему стоит использовать Pressable компоненты в React Native

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

48 views23:00

ReactJS/React Native, JS, HTML, Frontend - Uncolored collection

Forwarded from FrontEndDev

Архитектура React проекта

https://itnext.io/react-project-architecture-641da390ebe7

Medium

React Project Architecture

If you ask how to create a project structure with React while development, then this article is for you!

45 views23:15

ReactJS/React Native, JS, HTML, Frontend - Uncolored collection

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

47 views23:28

ReactJS/React Native, JS, HTML, Frontend - Uncolored collection

Forwarded from FrontEndDev

React re-Reselect: лучшая мемоизация и управление кешем

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.

43 views14:30

ReactJS/React Native, JS, HTML, Frontend - Uncolored collection

Forwarded from FrontEndDev

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

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…

36 views19:13

ReactJS/React Native, JS, HTML, Frontend - Uncolored collection

Forwarded from FrontEndDev

Пишем свой собственный 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…

35 views22:37

ReactJS/React Native, JS, HTML, Frontend - Uncolored collection

Forwarded from VueJS, JS, HTML, Frontend - Uncolored collection

https://indepth.dev/posts/1488/state-machines-in-javascript-with-xstate

40 views00:55

ReactJS/React Native, JS, HTML, Frontend - Uncolored collection

Forwarded from FrontEndDev

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

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

39 views15:54

ReactJS/React Native, JS, HTML, Frontend - Uncolored collection

Forwarded from FrontEndDev

Dependency injection в React

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

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

36 views16:58

ReactJS/React Native, JS, HTML, Frontend - Uncolored collection

Forwarded from FrontEndDev

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

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

36 views17:01

ReactJS/React Native, JS, HTML, Frontend - Uncolored collection

Forwarded from FrontEndDev

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

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

Anvil

Techniques to optimize react render performance: part 1

Understanding where your UIs are slow is the first step to optimizing their performance. Learn how to identify the slow parts of your React UIs using profiling tools along with other techniques.

53 views20:48