Forwarded from Frontend Info
Как начать работу с React Query - переход с Fetch
https://medium.com/the-react-native-log/how-to-get-started-with-react-query-migrate-from-fetch-18fb426c3760
https://medium.com/the-react-native-log/how-to-get-started-with-react-query-migrate-from-fetch-18fb426c3760
Medium
How to Get Started with React Query — Migrate from Fetch
Write your first React Query request by converting a fetch request and see how to use cached data.
Forwarded from Frontend Info
Где лучше всего разместить Next.js сайт?
https://kontent.ai/blog/comparison-of-jamstack-hosting-platforms-for-next-js
https://kontent.ai/blog/comparison-of-jamstack-hosting-platforms-for-next-js
Kontent.ai
What’s the best place to host Next.js site? | Kontent.ai | Kontent.ai
Forwarded from КНИГИ: REACT, JS, ANGULAR, NODE, VUE
React Native Cookbook, 2nd Edition
Автор: Dan Ward
Год издания: 2019
Скачать книгу
Скачать code
#react #english
Автор: Dan Ward
Год издания: 2019
Скачать книгу
Скачать code
#react #english
Forwarded from Frontender Libs - обзор библиотек JS / CSS
Onsen UI
Компоненты Onsen UI доступны в React благодаря привязкам и позволяют создавать гибридные мобильные приложения на базе React и фреймворка Onsen UI. Вклад в этот проект внесли более 80 разработчиков, на GitHub у него около 5.6 тысяч звёзд. Всё это позволяет говорить о том, что на Onsen UI стоит, как минимум, обратить внимание при выборе библиотеки для разработки пользовательского интерфейса.
👉 @sWebDev
Компоненты Onsen UI доступны в React благодаря привязкам и позволяют создавать гибридные мобильные приложения на базе React и фреймворка Onsen UI. Вклад в этот проект внесли более 80 разработчиков, на GitHub у него около 5.6 тысяч звёзд. Всё это позволяет говорить о том, что на Onsen UI стоит, как минимум, обратить внимание при выборе библиотеки для разработки пользовательского интерфейса.
👉 @sWebDev
Forwarded from Веб-страница
Немного о том, как работает виртуальный DOM в React
В React для каждого реального объекта DOM существует его виртуальная копия. В отличие от изменения реального DOM, виртуальный гораздо быстрее справляется со всеми изменениями.
Подробнее о то виртуальном DOM в React и о концепции виртуального DOM в целом читайте в статье:
https://tprg.ru/rKQn
#react
В React для каждого реального объекта DOM существует его виртуальная копия. В отличие от изменения реального DOM, виртуальный гораздо быстрее справляется со всеми изменениями.
Подробнее о то виртуальном DOM в React и о концепции виртуального DOM в целом читайте в статье:
https://tprg.ru/rKQn
#react
Forwarded from FrontEndDev
Современное руководство по паттернам состояний React
https://blog.logrocket.com/modern-guide-react-state-patterns/
https://blog.logrocket.com/modern-guide-react-state-patterns/
LogRocket Blog
The modern guide to React state patterns - LogRocket Blog
Learn today's options for managing state in React applications, including built-in hooks and third-party libraries like Redux and MobX.
Forwarded from Веб-страница
Как очистить асинхронные эффекты в React
При работе с асинхронным кодом в React могут возникать различные неприятные побочные эффекты, например, при изменении жизненного цикла компонента. В таких случаях могут возникнуть ошибки и неадекватное поведение кода.
Как этого избежать читайте в статье:
https://tprg.ru/uqE9
#react
При работе с асинхронным кодом в React могут возникать различные неприятные побочные эффекты, например, при изменении жизненного цикла компонента. В таких случаях могут возникнуть ошибки и неадекватное поведение кода.
Как этого избежать читайте в статье:
https://tprg.ru/uqE9
#react
Forwarded from Frontend Info
Как использовать React Testing Library для тестирования Storybook
https://medium.com/storybookjs/testing-lib-storybook-react-8c36716fab86
https://medium.com/storybookjs/testing-lib-storybook-react-8c36716fab86
Medium
How to efficiently reuse stories in your React tests
Storybook is a great tool to develop UI in isolation, we all know that. However, it’s not only suitable for component libraries, contrary…
Forwarded from Веб-страница
Планы по развитию React
Команда разработчиков React поделилась дальнейшими планами развития библиотеки. Среди них автоматическое пакетирование, новые API-интерфейсы и новое средство рендеринга.
Подробнее можете узнать в их блоге:
https://tprg.ru/xJO2
#react
Команда разработчиков React поделилась дальнейшими планами развития библиотеки. Среди них автоматическое пакетирование, новые API-интерфейсы и новое средство рендеринга.
Подробнее можете узнать в их блоге:
https://tprg.ru/xJO2
#react
Forwarded from Веб-страница
Современное руководство по паттернам состояний React
В этой статье вы можете подробнее узнать о состояниях в React, начнёте лучше в них разбираться, а также познакомитесь с современными паттернами состояний:
https://tprg.ru/yk8t
#react
В этой статье вы можете подробнее узнать о состояниях в React, начнёте лучше в них разбираться, а также познакомитесь с современными паттернами состояний:
https://tprg.ru/yk8t
#react
Forwarded from FrontEndDev
Путешествие в runtime - Event loop, layout, paint, composite, call stack
https://xnim.me/blog/javascript-browser-event-loop-layout-paint-composite-call-stack
https://xnim.me/blog/javascript-browser-event-loop-layout-paint-composite-call-stack
Топ-10 ошибок, которых нужно избегать, используя React
От прямого изменения состояния до перебора с Redux: https://proglib.io/w/def3546d
#react
От прямого изменения состояния до перебора с Redux: https://proglib.io/w/def3546d
#react
Forwarded from Frontend Info
Путь к увеличению производительности React приложения в 10 раз
https://medium.com/technogise/journey-of-improving-react-app-performance-by-10x-9195d4b483d4
https://medium.com/technogise/journey-of-improving-react-app-performance-by-10x-9195d4b483d4
Medium
Journey of Improving React App Performance by 10x
Ever got this “Aw! Snap” on your application? Tried to solve it? Did you just google it and find nothing but a “chrome issue” article…
Forwarded from FrontEndDev
Вышел React 18! Обзор новых фич и подробности.
https://blog.openreplay.com/react-18-is-out-this-is-what-you-need-to-know
https://blog.openreplay.com/react-18-is-out-this-is-what-you-need-to-know
Openreplay
React 18-Alpha Is Out! This Is What You Need to Know
React 18 has been announced, but what's new about it? Here are the details you need to know about this new version of React.
Forwarded from Веб-страница
Полное руководство по виртуальному DOM React
React использует реактивность при работе с DOM, что позволяет на лету обновлять данные страницы без необходимости её перезагрузки. Это знает каждый, кто изучал или изучает React. Но вы знаете, как именно работает этот механизм?
Это сложный, но интересный механизм, который позволяет нам сегодня видеть многие сайты такими, какие они есть. И об этом механизме подробно рассказано здесь:
https://tprg.ru/xDOT
#react
React использует реактивность при работе с DOM, что позволяет на лету обновлять данные страницы без необходимости её перезагрузки. Это знает каждый, кто изучал или изучает React. Но вы знаете, как именно работает этот механизм?
Это сложный, но интересный механизм, который позволяет нам сегодня видеть многие сайты такими, какие они есть. И об этом механизме подробно рассказано здесь:
https://tprg.ru/xDOT
#react
Архитектура React: как структурировать и организовать React приложение
https://www.taniarascia.com/react-architecture-directory-structure/
https://www.taniarascia.com/react-architecture-directory-structure/
Tania Rascia
How to Structure and Organize a React Application
There is no consensus on the right way to organize a React application. React gives you a lot of freedom, but with that freedom comes the…
Forwarded from Frontend Info
10 способов бесплатного размещения вашего React приложения
https://javascript.plainenglish.io/10-ways-to-host-your-react-app-for-free-cf91fe615177
https://javascript.plainenglish.io/10-ways-to-host-your-react-app-for-free-cf91fe615177
Medium
10 Ways to Host Your React App For Free
Here are the 10 services that provide free hosting for your React App.
Подборка React-библиотек на 2021
В последние месяцы появилось много новых инструментов для React-экосистемы. Отбираем самые лучшие: https://proglib.io/w/5a28c513
#react #tools #library
В последние месяцы появилось много новых инструментов для React-экосистемы. Отбираем самые лучшие: https://proglib.io/w/5a28c513
#react #tools #library
