React

🌈 Write plain CSS while ripping benefits of CSS-in-JS - nyancss/nyancss

Learn how to build a zoom feature for your react app using react-pose

Let's look at how to Dockerize a React app.

Сегодня кажется, что все используют разные библиотеки для тестирования React приложений. Даже одну и ту же библиотеку используют по…

Axios is an easy to use HTTP client. Learn how to use it within your React applications.

A step-by-step guide to creating an accessible and reusable modal component in React

If you use React and need to display large lists of data efficiently, you may be familiar with react-virtualized. It's a windowing library by Brian Vaugh...

We migrated our home page from a basic React boilerplate (React Boilerplate) to Next.js, a progressive web app framework for React. We made no other changes, and the switch was basically invisible.

Представляем вам перевод статьи Chidume Nnamdi, которая была опубликована на blog.bitsrc.io. Если вы хотите узнать, как избежать лишнего рендера и чем полезны но...

Introduction

If you’ve had questions on how the React lifecycle methods work — look no further.

Мне кажется, настало время поделится подходом для написания ReactJS App, я не претендую на уникальность. Первый абзац можно пропустить. Я занимаюсь web...

It sounds so simple! Confirming an email address has been around as long as… well email addresses.

React 16.6.0 was released October 2018 and with it came goodies that spice up the way we can develop with React. We’re going to cover what I consider the

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

Say we need to render a child element into a React application. Easy right? That child is mounted to the nearest DOM element and rendered inside of it as

Component libraries make our lives easier.

Чем мне нравится экосистема React, так это тем, что за многими решениями сидит ИДЕЯ. Различные авторы пишут различные статьи в поддержку существующего порядка и...

Seems that today, everyone is using a different React testing library and even when they are using the same one, the their philosophy…

If you’ve been watching the React ecosystem the past few years, you’ve surely encountered one of the numerous open source reusable…

Patterns and Anti-patterns for managing states based on Props

React 16.5 adds support for a new DevTools profiler plugin. This plugin uses React’s experimental Profiler API to collect timing information about each component that’s rendered in order to identify performance bottlenecks in React applications. It will be fully compatible with our upcoming time slicing and suspense features. This blog post covers the following topics: Profiling an application Reading performance data Browsing commits Filtering commits Flame chart Ranked chart Component…

Real-time visualizer for React lifecycle methods. Contribute to Oblosys/react-lifecycle-visualizer development by creating an account on GitHub.

Краткое описание: стандартное CRUD-приложение с возможностью войти через google аккаунт. Если пользователь залогинился — он может создавать новости. Так же пользователь может редактировать и удалять только свои новости....

In React, the component literally re-renders while its state or props change. While it makes sense as state represents internal data and…

Using Suspense and `lazy` to make asynchronous loading of React components as easy and as intuitive as you’d expect.

Примерно месяц назад вышли React Hooks, и сразу же выяснилось что React-Hot-Loader портит все малину и не только сам с ними не очень совместим, так еще и весь...

React 16.6 adds a new feature that makes code splitting easier: React.lazy().

[POC] A babel plugin which compiles React.js components into native DOM instructions to eliminate the need for the react library at runtime. - sokra/rawact

Недавно мы публиковали материал о функциях высшего порядка в JavaScript, направленный на тех, кто изучает JavaScript. Статья, перевод которой мы публикуем...