The book "React in Action"

The book "React in Action" Hi, Habrozhiteli! The book "React in action" introduces front-end developers to the React framework and related tools. First you will get acquainted with the React library, then refresh the material on some fundamental ideas in this context and learn about working with components. In practice, you will master pure React (without transfiguration, without syntactic helpers), moving from the simplest static components to dynamic and interactive.
 
 
In the second half of the book, various ways of interacting with React are discussed. You will learn basic life-cycle methods, learn how to create data flow, forms...
+ 0 -

Debugging a bug that does not play

 
3r3-31. On October 1? 201? our team released a new version of the React Native application. We are pleased and proud of it.
 
 
But what a horror: after a few hours, the number of crashes under Android suddenly increases.
 
 
Debugging a bug that does not play  

1?000 crashes under Android
3r33450.
 
 
Our crash monitoring tool Sentry going crazy.
 
Native Navigation where for each screen native fragments under Android are used.
 
3r33395. We have updated react-native-svg . There were a few exceptions related to SVG components, but this is hardly ...
+ 0 -

Why do React elements have $$ typeof property?

Why do React elements have $$ typeof property?3r33333. You might think that you are writing jsx: 3r3304. 3r33232.  3r33333.

hi
3r3303.
3r33232.  3r33333. 3r33333. But actually, you call the function:
3r33232.  3r33333.
React.createElement (
/* Type * /'marquee',
/* Props * /{bgcolor: '# ffa7c4'},
/* Children * /'hi' 3rr3311.)

3r33232.  3r33333. 3r33333. And this function returns the object to you. We call this object React element. He tells React what to do next. Your components return a tree of them. 3r3304.
3r33232.  3r33333.
{
type: 'marquee',
props: {
bgcolor: '# ffa7c4',
children: 'hi',
},
key: null,
ref: null,
$$ typeof: Symbol.for ...
+ 0 -

About the composition of functions in JavaScript

Let's fantasize about the functional composition, as well as clarify the meaning of the composition /pipeline operator.
 
TL; DR
 
Compose functions like a boss:
 
About the composition of functions in JavaScript
 
Popular implementations compose - when calling create new and new functions based on recursion, what are the disadvantages here and how to get around it. designed the repository here .
 
NPM package: npm i lazy-compose .
 
It is interesting to get feedback about the limitation of the cache created in runtime functions dependent on the circuitLet's fantasize about the functional composition, as well as clarify the meaning of the composition /pipeline operator. TL; DR Compose functions like a boss:  Popular implementations compose - when calling create new and new functions based on recursion, what are the disadvantages here and how to get around it. designed the repository here . NPM package: npm i lazy-compose . It is interesting to get feedback about the limitation of the cache created in runtime functions dependent on the circuit...
+ 0 -

Development on React and Bootstrap in 2 days. Day number 1

Development on React and Bootstrap in 2 days. Day number 13r33724. Prelude
3r33737.  
First you need to at least understand a bit about HTML, CSS, jаvascript, XML, DOM, OOP and be able to work in the terminal (command line). 3r33737.  
For learning HTML and CSS, I recommend htmlbook.ru 3r33737.  
To learn jаvascript, I recommend 3r3r14. learn.jаvascript.ru
3r33737.  
I recommend 3r318 for exploring XML. msiter.ru/tutorials/uchebnik-xml-dlya-nachinayushchih
3r33737.  
You can read about DOM in jаvascript tutorial learn.jаvascript.ru/dom-nodes 3r33737.  
For learning OOP I recommend the video course ...
+ 0 -

Another dsl on Kotlin or how I printed a PDF from react

+ 0 -

A practical typeScript. React + Redux

A practical typeScript. React + Redux
 
 
Currently, the development of any modern front-end application is more complex than the level of 3r-3263. hello world The team is working on (the composition of which periodically changes) makes high demands on the quality of the code base. In order to maintain the quality level of the code at the proper level, we are in the front-line team of 3r3122. #gostgroup
We keep up with the times and are not afraid to apply modern technologies that show their practical benefits in projects 3r314. companies of all sizes
.
...
+ 0 -

We are preparing the perfect CSS

Hi Habr! 3r3r1292.  3r? 31308. 3r3r1292.  3r? 31308. Not so long ago, I realized that working with CSS in all my applications is a pain for the developer and the user. 3r3r1292.  3r? 31308. 3r3r1292.  3r? 31308. Under the cut are my problems, a bunch of strange code and pitfalls on the way to the correct work with styles. 3r3r1292.  3r? 31308. 3r3r1292.  3r? 31308. 3r31285. We are preparing the perfect CSS online minifiers :
 3r? 31308. 3r3r1292.  3r? 31308. 3r31211. 3r31097. .component1__title {color: red}
.component2__title {color: green}
.component2__title_red {color: red}
3r31257. 3r31258. 3r3r1292.  3r? 31308. Why he could not? ...
+ 0 -

Validation of React Forms. Part 2

 3r3155. 3r3-31. In the first part ( Validation of React Forms. Part 1 ) I described how you can work with 3r3310. react-validate-form [/b] , now I will improve the code. We will carry out the input, hints and errors in a separate block. And connect redux . 3r3402.  3r3155. 3r3402.  3r3155.
3r33333. import React, {Component} from 'react'; 3r3155. import {connect as vBooConnect} from 'react-validation-boo'; 3r3155. import {connect as reduxConnect} from 'react-redux'; 3r3155. import {InputBlock, InputCheckboxBlock, InputRadioGroupBlock, TextareaBlock, SelectBlock} from '/form/default'; 3r3155...
+ 0 -

Validation of complex forms React. Part 1

 
3r3-31. First you need to install the 3r3r6646 component. react-validation-boo [/b] , I assume that you are familiar with react and know how to configure. 3r3885.  
3r3885.  
npm install react-validation-boo 3r3885.  
3r3885.  
In order not to talk a lot, I will immediately give you a small sample code. 3r3885.  
3r3885.  
3r3653. import React, {Component} from 'react';
import {connect, Form, Input, logger} from 'react-validation-boo';
class MyForm extends Component {
sendForm = (event) => {
event.preventDefault ();
if (this.props.vBoo.isValid ()) {
console.log ('Get the values ​​entered and ...
+ 0 -