Forwarded from FrontEndDev
Оптимизированные для поиска SPA с React Helmet
https://blog.logrocket.com/search-optimized-spas-react-helmet/
https://blog.logrocket.com/search-optimized-spas-react-helmet/
LogRocket Blog
Search-optimized SPAs with React Helmet - LogRocket Blog
React Helmet is a document head manager that makes it easy to improve SEO for your single-page apps built with React.
Forwarded from 🤟 TechRocks: веб-разработка
Forwarded from Web Stack
Отличный туториал по разработке PWA приложений (сам посмотрел и теперь пилю свое)
https://www.youtube.com/playlist?list=PL4cUxeGkcC9gTxqJBcDmoi5Q2pzDusSL7
https://www.youtube.com/playlist?list=PL4cUxeGkcC9gTxqJBcDmoi5Q2pzDusSL7
YouTube
PWA Tutorial for Beginners
Share your videos with friends, family, and the world
Forwarded from КНИГИ: REACT, JS, ANGULAR, NODE, VUE
React 16 Essentials, Second Edition
Автор: Artemij Fedosejev, Adam Boduch
Год издания: 2017
Скачать книгу pdf
Скачать книгу epub
#React #english #middle
Автор: Artemij Fedosejev, Adam Boduch
Год издания: 2017
Скачать книгу pdf
Скачать книгу epub
#React #english #middle
Forwarded from КНИГИ: REACT, JS, ANGULAR, NODE, VUE
React programming. The Ultimate Beginner's Guide to Learn react js Programming. Step by Step
Автор: John Bach
Год издания: 2020
Скачать книгу pdf
Скачать книгу epub
#react #english
Автор: John Bach
Год издания: 2020
Скачать книгу pdf
Скачать книгу epub
#react #english
Forwarded from FrontEndDev
Что такое Render в React и как его зафорсить?
https://www.telerik.com/blogs/what-is-render-react-how-do-you-force-it
https://www.telerik.com/blogs/what-is-render-react-how-do-you-force-it
Telerik Blogs
What is Render in React and How Do You Force it?
What exactly is Render in React, how can we force a class or functional component to re-render, and can it be done without calling setState?
Forwarded from КНИГИ: REACT, JS, ANGULAR, NODE, VUE
React быстро. Веб-приложения на React, JSX, Redux и GraphQL
Автор: Мардан Азат
Год издания: 2019
Скачать книгу
#React #русский #middle
Автор: Мардан Азат
Год издания: 2019
Скачать книгу
#React #русский #middle
⚛️ Локализация приложений React с i18next
Перевод интерфейса на разные языки – головная боль разработчика рассчитанных на международную аудиторию программ. Предлагаем вам быстрый и простой способ локализации приложений React с помощью плагина i18next.
https://prglb.ru/4e571
#react #tools
Перевод интерфейса на разные языки – головная боль разработчика рассчитанных на международную аудиторию программ. Предлагаем вам быстрый и простой способ локализации приложений React с помощью плагина i18next.
https://prglb.ru/4e571
#react #tools
Как работают хуки в Реакте
На меня вчера внезапно снизошло понимание того, как работают хуки. До этого почему-то картинка никак не могла сложиться полностью. Теперь могу поделиться своим озарением с вами.
1. Хук - это просто механизм для вызова ререндеринга компонента, когда что-то происходит вне этого компонента.
То есть хуки представляют триггеры, по которым вызывается ререндеринг.
2. Сложнее всего было понять, как хуки привязываются к экземпляру компонента.
Оказалось, что при создании экземпляра компонента Реакт запоминает, какой именно компонент сейчас создаётся, и когда из него вызывается какой-нибудь useState, Реакт знает, к чему привязывать нужную переменную.
То есть привязка хука к компоненту осуществляется самим Реактом снаружи, при вызове функционального компонента.
Надеюсь, я кому-то ещё помог понять)
На меня вчера внезапно снизошло понимание того, как работают хуки. До этого почему-то картинка никак не могла сложиться полностью. Теперь могу поделиться своим озарением с вами.
1. Хук - это просто механизм для вызова ререндеринга компонента, когда что-то происходит вне этого компонента.
То есть хуки представляют триггеры, по которым вызывается ререндеринг.
2. Сложнее всего было понять, как хуки привязываются к экземпляру компонента.
Оказалось, что при создании экземпляра компонента Реакт запоминает, какой именно компонент сейчас создаётся, и когда из него вызывается какой-нибудь useState, Реакт знает, к чему привязывать нужную переменную.
То есть привязка хука к компоненту осуществляется самим Реактом снаружи, при вызове функционального компонента.
Надеюсь, я кому-то ещё помог понять)
Обработка ошибок в React Hooks
Механизм грамотной обработки ошибок в React: https://prglb.ru/2okdy
#react
Механизм грамотной обработки ошибок в React: https://prglb.ru/2okdy
#react
5 практических рекомендаций по использованию React-хуков в продакшне
1. Своевременное извлечение хуков из компонентов и создание пользовательских хуков
2. О пользе React.useDebugValue
3. Комбинирование и композиция хуков
4. Сравнение React.useReducer и React.useState
5. Постепенное внедрение хуков
https://habr.com/ru/company/ruvds/blog/494712/
1. Своевременное извлечение хуков из компонентов и создание пользовательских хуков
2. О пользе React.useDebugValue
3. Комбинирование и композиция хуков
4. Сравнение React.useReducer и React.useState
5. Постепенное внедрение хуков
https://habr.com/ru/company/ruvds/blog/494712/
Хабр
5 практических рекомендаций по использованию React-хуков в продакшне
Автор статьи, перевод которой мы сегодня публикуем, говорит, что в компании commercetools приняли на вооружение хуки React в начале 2019 года — в момент их появл...
Forwarded from FrontEnd книги для программистов
Mastering React Test-Driven Development
Автор: Daniel Irvine
Год издания: 2019
Скачать книгу pdf
Скачать книгу epub
Скачать code
#react #english
Автор: Daniel Irvine
Год издания: 2019
Скачать книгу pdf
Скачать книгу epub
Скачать code
#react #english
Forwarded from Web Stack
Почему я выбрал Next.js, а не Gatsby, Gridsome или Nuxt?
https://habr.com/ru/company/ruvds/blog/521820/
https://habr.com/ru/company/ruvds/blog/521820/
Хабр
Почему я выбрал Next.js, а не Gatsby, Gridsome или Nuxt?
Мы, выбирая фреймворк для нового веб-проекта, обычно склонны останавливаться на инструментах, с которыми знакомы, не обращая внимания на то, насколько хорошо они подходят для этого проекта. Я же...
Forwarded from FrontEnd книги для программистов
Mastering JavaScript Functional Programming, Second Edition
Автор: Federico Kereki
Год издания: 2020
Скачать книгу
Скачать code
#JavaScript #english
Автор: Federico Kereki
Год издания: 2020
Скачать книгу
Скачать code
#JavaScript #english
Forwarded from FrontEnd книги для программистов
Forwarded from TechSkills - книги по программированию
#course #english #video
Бесплатный курс по оcновам JS от Microsoft
https://www.youtube.com/playlist?list=PLlrxD0HtieHhW0NCG7M536uHGOtJ95Ut2
Бесплатный курс по оcновам JS от Microsoft
https://www.youtube.com/playlist?list=PLlrxD0HtieHhW0NCG7M536uHGOtJ95Ut2
Forwarded from FrontEndDev
Framer Motion — красивые анимации и взаимодействия для React.
https://dev.to/vaibhavkhulbe/framer-motion-beautiful-animations-and-interactions-for-react-1d56
https://dev.to/vaibhavkhulbe/framer-motion-beautiful-animations-and-interactions-for-react-1d56
DEV Community
Framer Motion - beautiful animations and interactions for React. 🤤
Previously, I covered React Spring, a spring-physics based animation library. We made some easy to ma...
Forwarded from FrontEndDev
Управление long-running задачами в приложении на React с помощью веб-воркеров
https://www.smashingmagazine.com/2020/10/tasks-react-app-web-workers/
https://www.smashingmagazine.com/2020/10/tasks-react-app-web-workers/
Smashing Magazine
Managing Long-Running Tasks In A React App With Web Workers — Smashing Magazine
In this tutorial, Chidi Orji is going to show you how to use the [Web Worker API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API) to manage time-consuming and UI-blocking tasks in a JavaScript app by building a sample web app that leverages…