React

css-literal-loader - Parse css tagged template literals as CSS files

Thinking and building in React involves approaching application design in chunks, or components. Each part of your application that performs an action can

It has never been so easy to document your things

HOC — слишком громкое слово для простого функционального паттерна! Месяц назад в РайффайзенБанке прошел первый фронтенд-митап, и поскольку я всего за пару дней...

As your application becomes more complex, the management of state can become tedious. A component's state is meant to be self-contained, which makes sharing state across multiple components a headache. Redux is usually the go-to library to manage state in React, however, depending on how complex your application is,

Meiosis is not a library. It's a simple pattern to manage state in your web applications. Think Redux, MobX, Cerebral, React Context, etc. but without being tied to a framework API. Instead, just plain functions and objects.

prerender-loader - 📰 Painless universal pre-rendering for Webpack.

Давайте углубимся в мир чистого React-кода со сложными компонентами.

When building React applications, one thing developers don’t like to utilize is routing in React - usually because of the assumed learning curve involved. In this article, we are going to debunk that myth and show you how easy it is to implement routing and serving responsive routes in your Rea

⚡️View the hottest state management libs for React

How to use Puppeteer and Jest to perform End-to-End Testing on your React App

Автор оригинала Tyler McGinnis. Переведено проектом "Без воды". Мы занимаемся обучением React/Redux и делимся различными материалами на русском языке. Провод...

react-in-patterns: A book about common design patterns used while developing with React.

This React with GraphQL tutorial shows you how to use GraphQL in your React application by consuming GitHub's GraphQL API. You will not use any clever framework such as Apollo or Relay for your query or mutation. Instead this tutorial focuses on plain GraphQL with only HTTP requests in JS ...

How many times have you been frustrated with having to add another item in your React state along with 2 functions for opening and closing…

Я люблю Реакт. Люблю за то, как он работает. За то, что он делает вещи «правильно». HOC, Composition, RenderProps, Stateless, Stateful – миллион патернов и...

Recompose’s branch is a useful tool when composing components. Two situations I find myself using it frequently are authentication and…

A gentle introduction to React Router 4 through practical examples.

Сегодня поговорим об атрибуте key в React. Часто разработчики, которые только начинают использовать React, не придают большого значения атрибуту key. А зря…...

react-testing-library - 🐐 Simple and complete React DOM testing utilities that encourage good testing practices.

As you begin to learn React, you will be faced with understanding what state is. State is hugely important in React, and perhaps a big reason you’ve looked into using React in the first place. Let’s take a stab at understanding what state is and how it works. What is State? State, in React, is a plain JavaScript

Server side rendering a React app can provide a few different benefits including performance and SEO. The problem is with those benefits comes a cost of additional complexity to your application. In this post, we'll start from scratch and slowly build a server side rendered React (with React Router) while breaking down some of the complexity as we go.

react-passport-redux-example - Demonstration of PassportJS authentication in React w/ Redux.

react-app-rewired - Override create-react-app webpack configs without ejecting

react-app - Create React App with server-side code support

Перевод статьи Berry de Witte: Unit testing your React application with Jest and Enzyme.

kuker - Kick-ass browser extension to debug your apps

В предыдущей части туториала мы узнали что такое проект RealWorld, определились целями туториала, выбрали стек технологий и написали простой веб-сервер на...

hyperapp - 1 KB JavaScript library for building web applications.