React Training Course, Part 2: Functional Components

React Training Course, Part 2: Functional Components 3r33411. 3r3-31. In one of our previous r3r32. materials 3r33399. we asked you a question about whether it is advisable to do on the basis of of this course on React a series of traditional publications. You supported our idea. Therefore, today we present to your attention the continuation of the course. Here we talk about the functional components. 3r33393.  3r33411. 3r33393.  3r33411. 3r311. 3r33399. 3r33393.  3r33411.
3r33399. 3r33393.  3r33411.


Lesson 6: Functional Components

3r33393.  3r33411. →
Original
3r33393.  3r33411. 3r33393.  3r33411. At the previous practical ...[/h]
+ 0 -

Multi-page SPA on Python

 
3r3-31. Bridge between Python and React 3r31036.  
3r31036.  
An owl is a nano-framework that can be embedded into other frameworks. 3r31036.  
Picture from sova.online, which runs 3 http servers: 3r31036.  
http://sova.online/ - just Falcon
 
http://sova.online:8000/ - just Django
 
http://sova.online:8001/ - just Python (login: ? password: 1)
 
There are source codes and installation instructions. There is no advertising. 3r31036.  
3r31036.  
Multi-page SPA on Python 3r31036.  
framework...
+ 0 -

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 -