React

The Intersection Observer API allows you to observe and react to changes when an element enters the viewport or a parent element. It’s…

Optimize PageSpeed Insights score for 90+ for SPA web applications. Main concepts are SSR, Lazy Hydration, Lazy Loading, CCSS and more…

Make your app available for more people

Привет, Хабр! Меня зовут Андрей Хижняк, я фронтенд-разработчик в команде, разрабатывающей App Store внутри ManyChat. Как и моим коллегам, мне нравится пробовать...

What is Next.JS Next.JS is an amazing React framework created by Vercel. It allows the dev...

This tutorial shows you how to use Wouter, an alternative to React Router, and outlines the pros and cons of both libraries.

A Functional Component is a React Component declared with a plain javascript function that takes props and returns JSX.

В этой статье рассказано передаче пропсов компоненту роута, редиректах и вложенных роутах. + бонус, стилизация активных элементов…

Testing user behaviour with Jest and react-testing-library

TypeScript — стандарт современной фронтенд-разработки. Согласно исследованиям State of JavaScript, TS вызывает явный интерес у программистов. По данным опроса за...

Сегодня поговорим об измерении производительности рендеринга React-компонентов с использованием API React Profiler. Ещё мы будем оценивать взаимодействия с компо...

Create a GraphQL server with CORS support, load data from Postgres, and stomp out N+1 performance issues using DataLoader .

It can be tricky to work with React and TypeScript and find the right answers, so we've put together the best practices and examples to clear your doubts.

The missing visualizer for your react-spring UI animations. Check scale, translate, rotate, opacity & more

This is going to be a continued version of our previous blog, React Hooks with Typescript, So if you are new to hooks, I would suggest looking into that article first, which talks about setting up the starter kit of react hooks with typescript and AntD for UI components. If you know basic of react … React-Redux Hooks with Typescript in 2020 Read More »

Create a React app from scratch using TypeScript that calls the SpaceX GraphQL API

React and TypeScript make a powerful pair, but if you're just starting out, you'll need to understand how to write correctly typed components.

Для создания интерфейсов React рекомендует использовать композицию и библиотеки по управлению состоянием (state management libraries) для построения иерархий ком...

Как сделать падение мягким? Я не нашел исчерпывающего руководства по обработке ошибок в React приложениях, поэтому решил поделиться полученным опытом в этой ст...

Что такое React Context и как с ним работать? Быстрый и понятный разбор на примере.

How to use the IntersectionObserver API within React

PiterJS #41 В гостях у DINS https://www.dins.ru/ Patreon: https://www.patreon.com/piterjs Twitter: https://twitter.com/gopiterjs VK: https://vk.com/piterjs Александр Зонов - React + SSR там, где их уже не ждали (Слайды: https://amp.gs/AX6w) Александр Иосса - BDD e2e тестирование (Слайды: https://github.com/piterjs/slides/blob/master/meetup=41/speech=bdd-e2e.pdf) Вадим Горбачев - Event-Driven Architecture: детали реализаций Event Loop

Testing is tough. In this post, we'll take a closer look at some of the best ways you can go about testing your React applications.

Finite State Machines and thinking in terms of transitioning from one state to the next can make complex code easier to reason about.

Task

Top 10 features in the new React Dev Tools

Practical insights from Mailchimp’s approach to frontend testing

Easily share reusable components between projects and applications to build faster as a team. Collaborate to develop, publish and manage components and modules at any scale without overhead. Discover and build with shared JavaScript components. Try Bit today.

why-did-you-render monkey patches React to notify you about avoidable re-renders. - welldone-software/why-did-you-render

Автор заметки, перевод которой мы сегодня публикуем, говорит, что существует пропасть между использованием React для разработки пользовательских интерфейсов и не...