Forwarded from FrontEndDev
Практическое руководство по тестированию React-приложений с помощью Jest.
Обзорная статья о настройке Jest и что с помощью него можно тестировать (и как).
https://www.smashingmagazine.com/2020/06/practical-guide-testing-react-applications-jest/
Обзорная статья о настройке Jest и что с помощью него можно тестировать (и как).
https://www.smashingmagazine.com/2020/06/practical-guide-testing-react-applications-jest/
Smashing Magazine
A Practical Guide To Testing React Applications With Jest — Smashing Magazine
Building a well-functioning application requires good testing; otherwise, knowing whether your application works as expected would be a matter of guesswork and luck. Jest is one of the best tools available for testing React applications. In this article,…
Forwarded from FrontEndDev
#react
Как максимизировать возможность повторного использования для ваших компонентов React
https://dev.to/jsmanifest/how-to-maximize-reusability-for-your-react-components-875
Как максимизировать возможность повторного использования для ваших компонентов React
https://dev.to/jsmanifest/how-to-maximize-reusability-for-your-react-components-875
DEV Community
How to Maximize Reusability For Your React Components
Find me on medium Join my newsletter React is a popular library that developers can use to build hig...
Forwarded from FrontEndDev
Заметка по оптимизации React Hooks от Gapur Kassym
https://medium.com/javascript-in-plain-english/f219af221ccf
https://medium.com/javascript-in-plain-english/f219af221ccf
Medium
What We Should Know About React Hook Dependencies
Optimizing app performance
Forwarded from FrontEndDev
Разработка реактивного гамбургер-меню с помощью React-хуков, TypeScript, и styled-components.
https://medium.com/javascript-in-plain-english/create-your-own-hamburger-menu-using-react-hooks-typescript-and-styled-components-4b2797c4d193
https://medium.com/javascript-in-plain-english/create-your-own-hamburger-menu-using-react-hooks-typescript-and-styled-components-4b2797c4d193
Medium
Reactive hamburger on the menu 🍔
Create your own hamburger menu using React, hooks, TypeScript, and styled-components.
Forwarded from FrontEndDev
recoiljs.org
A state management library for React.
Forwarded from FrontEndDev
Настройка TypeScript для современных проектов на React с использованием Webpack и Babel
https://www.smashingmagazine.com/2020/05/typescript-modern-react-projects-webpack-babel/
https://www.smashingmagazine.com/2020/05/typescript-modern-react-projects-webpack-babel/
Smashing Magazine
Setting TypeScript For Modern React Projects Using Webpack — Smashing Magazine
In this article, Blessing Krofegha introduces Typescript, a superscript of JavaScript that presents the static type feature for spotting common errors as developers codes, which enhances performance, hence results in robust enterprise applications. You’ll…
Forwarded from FrontEndDev
Полный обзор решений для валидации форм React
https://blog.logrocket.com/the-ultimate-roundup-of-react-form-validation-solutions/
https://blog.logrocket.com/the-ultimate-roundup-of-react-form-validation-solutions/
Forwarded from FrontEndDev
Все, что нужно знать о Concurrent Mode в React в 2020 году
https://medium.com/javascript-in-plain-english/everything-you-need-to-know-about-react-concurrent-mode-in-2020-826af48c1f37
https://medium.com/javascript-in-plain-english/everything-you-need-to-know-about-react-concurrent-mode-in-2020-826af48c1f37
Medium
Everything You Need to Know About React Concurrent Mode in 2020
Some exciting changes are coming
Forwarded from FrontEndDev
Подробно о React Router. Часть 1 — основы роутинга, типы и динамические страницы
https://medium.com/@stasonmars/1c159cca6fea
https://medium.com/@stasonmars/1c159cca6fea
Medium
Подробно о React Router. Часть 1 — основы роутинга, типы и динамические страницы
В этой серии статей вы подробно и доходчиво узнаете о том, как работает Router в React, как его можно использовать и другие интересные…
Forwarded from FrontEndDev
Как сделать React-приложение прогрессивным веб-приложением (PWA)
https://felixgerschau.com/how-to-make-your-react-app-a-progressive-web-app-pwa/
https://felixgerschau.com/how-to-make-your-react-app-a-progressive-web-app-pwa/
Felixgerschau
How to Make your React App a Progressive Web App (PWA) | Felix Gerschau
Explaining the most important concepts around PWAs followed by a step by step tutorial, using Webpack, Workbox and TypeScript.
Forwarded from FrontEndDev
12 советов по внедрению TypeScript в React-приложениях
https://habr.com/ru/company/tinkoff/blog/505488/
https://habr.com/ru/company/tinkoff/blog/505488/
Хабр
12 советов по внедрению TypeScript в React-приложениях
TypeScript — стандарт современной фронтенд-разработки. Согласно исследованиям State of JavaScript, TS вызывает явный интерес у программистов. По данным опроса за...
Forwarded from FrontEndDev
Уязвимости безопасности в React, которые вы никогда не должны игнорировать
https://www.simform.com/react-security-vulnerabilities-solutions/
https://www.simform.com/react-security-vulnerabilities-solutions/
Forwarded from FrontEndDev
5 альтернатив React Redux в 2020 году
MobX определенно стоит попробовать 😉
https://blog.bitsrc.io/redux-react-alternatives-c1733793a339
MobX определенно стоит попробовать 😉
https://blog.bitsrc.io/redux-react-alternatives-c1733793a339
Medium
5 Alternatives to React Redux in 2020
Reducing boilerplates and cutting out the middleman with Redux alternatives for React applications.
Forwarded from FrontEndDev
Подробно о React Router - часть 2. Свежий перевод от Стаса Багрецова.
https://medium.com/@stasonmars/ae5ce427d438
https://medium.com/@stasonmars/ae5ce427d438
Medium
Подробно о React Router. Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута
Часть 2. Параметры запроса, 404 страница и передача пропсов компоненту роута.
Forwarded from FrontEndDev
YouTube
Рефакторинг реализации Dropdown
Пример рефакторинга реализации Dropdown Menu на хуках и компонентах React.
Рассматриваются хуки useState, useRef, useEffect, кастомный хук, именование переменных.
Beginner-friendly контент :)
Отзывы от моих студентов: https://bit.ly/Mkdev-ivan-kleshnin …
Рассматриваются хуки useState, useRef, useEffect, кастомный хук, именование переменных.
Beginner-friendly контент :)
Отзывы от моих студентов: https://bit.ly/Mkdev-ivan-kleshnin …
Forwarded from FrontEndDev
useSWR – "моя новая любимая библиотека React".
Она позволяет извлекать данные из API или другого внешнего источника, сохранять их в кэше, а затем рендерить.
Какие проблемы она решает и парочка примеров использования в статье.
https://habr.com/ru/company/otus/blog/506158/
Она позволяет извлекать данные из API или другого внешнего источника, сохранять их в кэше, а затем рендерить.
Какие проблемы она решает и парочка примеров использования в статье.
https://habr.com/ru/company/otus/blog/506158/
Хабр
useSWR – моя новая любимая библиотека React
Перевод статьи подготовлен в преддверии старта курса «React.js разработчик». Последние несколько месяцев я работаю над приложением на NextJS. С каждой неделе...
Forwarded from FrontEndDev
Великий раскол в import: проясняем неопределенность с импортом в Typescript или почему надо писать
https://habr.com/ru/company/otus/blog/507104/
* as React from 'react'
https://habr.com/ru/company/otus/blog/507104/
Хабр
Великий раскол в import: проясняем неопределенность с импортом в Typescript
Перевод статьи подготовлен в преддверии старта курса «Разработчик React.js» Я довольно долго работаю с typescript, и у меня было много проблем с тем, чтобы р...
Forwarded from FrontEndDev
React Hook Form VS Formik - что выбрать для работы с формами
https://blog.bitsrc.io/react-hook-form-vs-formik-form-builder-library-for-react-23ed559fdae
https://blog.bitsrc.io/react-hook-form-vs-formik-form-builder-library-for-react-23ed559fdae
Medium
React Hook Form VS Formik
A comprehensive comparison of the two libraries, with examples.