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…
Forwarded from Веб-страница
Порядок выполнения скриптов в HTML и как работает тег <script>
Как случайно не остановить загрузку страницы одним скриптом? Узнать, как работает тег
https://tprg.ru/hCQ6
#фронтенд #html #javascript
Как случайно не остановить загрузку страницы одним скриптом? Узнать, как работает тег
<script> в зависимости от атрибутов. Ловите шпаргалку и статью с подробным объяснением:https://tprg.ru/hCQ6
#фронтенд #html #javascript
Forwarded from VueJS, JS, HTML, Frontend - Uncolored collection
Схема загрузки скриптов по разным схемам.
Forwarded from Daily Coding 🔥
🛠 Ink — фреймворк на основе React для создания приложений командной строки. Он предлагает большой выбор предопределенных компонентов, которые можно использовать для ускорения разработки интерфейсов терминала, а также позволяет добавлять такие функции, как более продвинутые макеты и элементы управления..
#инструменты
#инструменты
Forwarded from Web Stack
Как сделать загрузку файлов с React + Google Storage + GraphQL
https://www.smashingmagazine.com/2020/10/file-uploads-react-apollo-google-storage-graphql
https://www.smashingmagazine.com/2020/10/file-uploads-react-apollo-google-storage-graphql
Smashing Magazine
How To Manage File Uploads In React With Google Storage And GraphQL — Smashing Magazine
From a user’s profile picture to other media assets, data collection and storage to cloud services through file uploads have become an essential feature for most modern applications. Today, Nwani Victory will show you how to file uploads that can be implemented…
Визуализация JavaScript
Серия статей с максимально понятным разбором важных концепций языка:
1. Цикл событий
2. Хойстинг
3. Области видимости
4. Движок
5. Прототипное наследование
6. Генераторы и итераторы
7. Промисы и async/await
#javascript
Серия статей с максимально понятным разбором важных концепций языка:
1. Цикл событий
2. Хойстинг
3. Области видимости
4. Движок
5. Прототипное наследование
6. Генераторы и итераторы
7. Промисы и async/await
#javascript
Forwarded from FrontEndDev
Прекратите использовать Moment.js для дат и времен в JavaScript
https://medium.com/javascript-in-plain-english/stop-using-moment-js-for-dates-and-time-in-javascript-e51e6a708148
https://medium.com/javascript-in-plain-english/stop-using-moment-js-for-dates-and-time-in-javascript-e51e6a708148
Medium
Stop using Moment.js for Dates and Time in JavaScript
Luxon.js is the modern replacement of Moment.js
Forwarded from FrontEnd книги для программистов
React Design Patterns and Best Practices, Second Edition
Автор: Carlos Santana Roldán
Год издания: 2019
Скачать книгу pdf
Скачать книгу epub
Скачать code
#react #english
Автор: Carlos Santana Roldán
Год издания: 2019
Скачать книгу pdf
Скачать книгу epub
Скачать code
#react #english
Forwarded from FrontEndDev
Начало работы со Styled-Components в React
https://medium.com/javascript-in-plain-english/getting-started-with-styled-components-in-react-4379cc2be39e
https://medium.com/javascript-in-plain-english/getting-started-with-styled-components-in-react-4379cc2be39e
Medium
Getting Started With Styled-Components In React
Learn the basics of styled-components and how to apply them in our React application.
Forwarded from DНЕВНИК web-программиста
Всем привет!
Вчера задумался о переходе с Redux на Redux Toolkit (если это можно назвать переходом). Конечно, был бы это мой выбор - я бы весь проект на MobX перевел, но...имеем, что имеем.
Если кто не в курсе, что такое Toolkit, то вот вам короткие видео, где наглядно показывают разницу от Redux
Часть 1
Часть 2
Кстати, кто уже использует Tollkit - напишите в комментария, достаточно вам встроенного в него thunk или в каких-то случаях приходится Redux Saga использовать?
#redux
Вчера задумался о переходе с Redux на Redux Toolkit (если это можно назвать переходом). Конечно, был бы это мой выбор - я бы весь проект на MobX перевел, но...имеем, что имеем.
Если кто не в курсе, что такое Toolkit, то вот вам короткие видео, где наглядно показывают разницу от Redux
Часть 1
Часть 2
Кстати, кто уже использует Tollkit - напишите в комментария, достаточно вам встроенного в него thunk или в каких-то случаях приходится Redux Saga использовать?
#redux
YouTube
1. Redux Toolkit. Сделай redux код проще!
И так в этом видео мы разберемся с Redux Toolkit. Это некоторая надстройка над Redux, от разработчиков самого Redux.
Если кратко пересказать документацию, то Redux Toolkit сокращает количество кода, которое пишет разработчик, помогает сократить количество…
Если кратко пересказать документацию, то Redux Toolkit сокращает количество кода, которое пишет разработчик, помогает сократить количество…
🦉 Использование фреймворка Nightwatch.js для автоматизации тестирования
Пошаговое руководство к Nightwatch.js для автоматизации браузерного тестирования: https://prglb.ru/37xla
#testing #javascript
Пошаговое руководство к Nightwatch.js для автоматизации браузерного тестирования: https://prglb.ru/37xla
#testing #javascript
Повышаем квалификацию с лучшими инструментами для web-разработки на React
Полезная подборка инструментов и библиотек для работы с React: https://prglb.ru/v5uf
#react #tools
Полезная подборка инструментов и библиотек для работы с React: https://prglb.ru/v5uf
#react #tools
Forwarded from FrontEndDev
24 современных сниппетов ES6 для решения практических задач JavaScript
https://medium.com/swlh/24-modern-es6-code-snippets-to-solve-practical-js-problems-3609f301859e
https://medium.com/swlh/24-modern-es6-code-snippets-to-solve-practical-js-problems-3609f301859e
Medium
24 Modern ES6 Code Snippets to Solve Practical JavaScript Problems
Useful snippets to keep in a file for quick reference
Forwarded from Webchic - frontend, backend, ci/cd
Jack Franklin, разработчик Chrome Dev Tools и Puppeteer, делится советами по организации большого приложения на React.js
— Сборщики
— Организация структуры директорий
— Организация кода React.js компонентов
— Организация Redux actions, reducers с помощью подхода Ducks
— Тесты
#react #redux
К статье(eng)
— Сборщики
— Организация структуры директорий
— Организация кода React.js компонентов
— Организация Redux actions, reducers с помощью подхода Ducks
— Тесты
#react #redux
К статье(eng)
Forwarded from FrontEndDev
Ленивая загрузка вашего приложения на React
https://www.telerik.com/blogs/lazy-loading-your-react-app
https://www.telerik.com/blogs/lazy-loading-your-react-app
Telerik Blogs
Lazy-Loading Your React App
Improve the performance of your React app with React.lazy and Suspense.
React Hook Form vs Formik
Подробное сравнение двух библиотек для работы с формами в React-приложениях: https://prglb.ru/2di74
#react #library
Подробное сравнение двух библиотек для работы с формами в React-приложениях: https://prglb.ru/2di74
#react #library