Download "18. Уроки React JS (страница Dialogs) - react курсы бесплатно"

Please wait. We're preparing links for easy ad-free video watching and downloading.

Previous video: Динамический веб-сайт. Создание мини-проекта. Часть 1 Next video: 46 - React JS практика - копия глубокая vs поверхностная (deep copy vs shallow copy)

46 - React JS практика - копия глубокая vs поверхностная (deep copy vs shallow copy)

46 - React JS практика - копия глубокая vs поверхностная (deep copy vs shallow copy)

Channel: IT-KAMASUTRA

Динамический веб-сайт. Создание мини-проекта. Часть 1

Динамический веб-сайт. Создание мини-проекта. Часть 1

Channel: loftblog

Основы PHP. Часть 1. Операторы, циклы, условные конструкции

Основы PHP. Часть 1. Операторы, циклы, условные конструкции

Channel: loftblog

программирование

на практике

react

пример

react js

практика

уроки

с нуля

javascript

социальная сеть

js

курс

обучение

reactjs

примеры

00:00:05

go to the guide gun

00:00:08

asu troya

00:00:11

friends hello my name is Dmitry aka

00:00:14

Dimych especially for the channel antique ama

00:00:16

super dot com my author's course

00:00:18

react the way of the samurai we are doing a

00:00:22

great big project social network

00:00:24

congratulations you have reached 2 to the second

00:00:26

stage the first stage

00:00:29

until the completion of his video is at the link in the

00:00:31

description here, the notification popped up,

00:00:33

watch this video to remember everything

00:00:35

that was done, don’t rush, friend, don’t

00:00:37

rush, don’t rush, watching the video

00:00:40

twice three times, but now so far it was easy, it will be

00:00:42

simpler, it will be really more difficult

00:00:44

guys, it will be more difficult, so please

00:00:46

rewatch it please

00:00:47

watch the video again and when I

00:00:50

was there what to declare repeat what there is

00:00:52

repeat after me out loud you will be

00:00:54

asked about this firstly at

00:00:55

interviews and secondly speaking and

00:00:57

especially not according to my dictation but

00:00:59

pronounce it yourself hearing

00:01:02

something you will put things in order in your head

00:01:06

because that when you need to say something you

00:01:09

need to really prepare your brain

00:01:11

to express your thought so guys

00:01:13

let's go let's go bomb further I don't know

00:01:15

no I want to tell you so much I

00:01:17

really, really restrain myself very much I

00:01:19

restrain myself so as not to rush super

00:01:21

super on horseback takes because what is important is to

00:01:23

go through all the small steps step by step and in

00:01:26

the sense that you need to do everything, do it

00:01:28

meaningfully and not just on top on

00:01:30

top on top I want you to

00:01:32

drip on the music dig dig information so that

00:01:34

it is imprinted in your head so that

00:01:36

you complete the course and with pride they said

00:01:38

damn I learned react thanks to Dimycha

00:01:41

thanks to a series of the way of the samurai thank you go

00:01:43

Kamasutra I’ll go like and put on all

00:01:45

the videos otherwise I forgot comments they will write

00:01:47

thank you thank you thank you so that when you

00:01:49

get a job you write there in the last

00:01:51

videos, thank you I got a job

00:01:53

in the position of react and thanks to yours

00:01:55

course thanks to this this video

00:01:58

series this is my goal guys so

00:02:01

who is more advanced advanced yes

00:02:04

for now be patient the video is coming out slowly but

00:02:06

over time they will be already in the recording you

00:02:08

will be able to watch one after the other one

00:02:09

after the other and so on well

00:02:12

let's go I want you interesting even there

00:02:13

to add it’s interesting so that you don’t

00:02:15

suffer and suffer in the first place yes

00:02:17

immediately a small modification changes in the

00:02:19

storm

00:02:20

yes oh that’s what in the storm I will work

00:02:24

in the storm now from now on webstorm because

00:02:28

I love in the storm I love jetbrains

00:02:32

developer in the appstore May got used to their

00:02:35

program Richard Per as if it were a

00:02:37

developer

00:02:38

yes I used visual studio not visual

00:02:41

studio code visual studio I used

00:02:43

Richard Pirates everything is very similar and

00:02:45

accordingly I am in love with this environment

00:02:47

so if you are a student and you can

00:02:49

easily download this webstorm license

00:02:53

get if you are not a student, well,

00:02:55

try your hands sometime 30 people are

00:02:57

Russian, he doesn’t seem to be afraid of problems,

00:03:00

listen, maybe in other videos

00:03:02

I’ve already switched to the storm release, honestly, I don’t

00:03:04

remember, sorry, I’m recording the second cycle

00:03:06

after a short break,

00:03:07

good thing I’ll teach you a trick in the storm

00:03:10

and which will increase your productivity many times over, so let’s

00:03:13

bomb and remember what we had, what

00:03:16

we had, we have a certain

00:03:19

yandex point, Jess entry point into the application,

00:03:21

we speak from the picture of our tag and ppt.

00:03:24

Well then there is no such dad, but we know that

00:03:26

there is such a component, dad components,

00:03:28

in fact, these are some kind of tags of ours and

00:03:30

let’s answer the question with this, what is such a

00:03:32

component, let’s say this, but the

00:03:35

correct answer is not the correct answer,

00:03:37

this is a function, but it is important to clarify what

00:03:40

type of function any the function is, well,

00:03:42

there are no components, this is a function

00:03:45

that returns gsx and which

00:03:48

accepts the props parameter,

00:03:51

give it to dad, let's go to the function that

00:03:53

returns sex for a pass, it doesn't

00:03:55

accept it, but in fact props

00:03:57

come here, we just haven't designated a

00:03:59

parameter for them, they come here and

00:04:01

dissolve, we'll write the axes props to we

00:04:04

will write pro-vse

00:04:05

sorry they will come here these props but

00:04:08

since we do not transmit these props

00:04:11

data here any video attributes remind

00:04:13

before props attribute on accepted I write the name attribute

00:04:15

ha ha I write ha ha we

00:04:19

will have properties inside in the traffic jams ha ha, well, we do

00:04:23

n’t need it now, so we won’t

00:04:25

pollute our props, it’s just always

00:04:27

coming, why are component props

00:04:29

needed, in order to return

00:04:32

some kind of cooler markup, supposedly component data is sitting in traffic jams,

00:04:36

my task is to return

00:04:38

the markup, but more on the markup always

00:04:40

depends on data and where can I get this

00:04:42

data from the global world somewhere wrong it won’t

00:04:44

work functional

00:04:46

programming tells us that a

00:04:47

function a function should work very

00:04:50

predictably it should return

00:04:53

something to us return something this is one of the

00:04:55

concepts of functional

00:04:56

programming about this we'll talk

00:04:57

later, the function should return something

00:05:01

based only on the incoming data,

00:05:03

no magic, no global changes,

00:05:05

no moods, and so on, everything

00:05:09

that came to us based on this, we

00:05:11

return the markup, this is very, very

00:05:13

predictable behavior, we always

00:05:15

receive props that are the same, why do we

00:05:17

we will always return the same markup

00:05:18

super until you agree, even the row itself can

00:05:21

optimize the rendering, understanding that

00:05:23

every time the same thing comes, it

00:05:24

means the same thing, let’s do this from

00:05:26

somewhere, I won’t redraw it myself, and so

00:05:28

on, well, let’s talk about it again,

00:05:31

don’t worry about what’s not

00:05:34

needed, although all this is needed, all this is needed,

00:05:36

well, let’s bomb, it’s cool to bomb,

00:05:37

look at op op and components, what is the dad of a

00:05:40

component, dad of components, this is

00:05:42

some girl with a class and a wrapper and the

00:05:45

one we set up there lex by

00:05:46

type and inside the tripod components header

00:05:50

on the bar and profile header green on the

00:05:53

bar brown and profile this is the thing

00:05:54

that we see super let's now

00:05:57

make what I want in general a second

00:05:58

page I want a page we'll now

00:06:01

make a page for Mrs. let's

00:06:03

let's see how it will look like it

00:06:04

will look like this the same

00:06:07

header the same sidebar but the middle is different here the

00:06:11

middle consists of two columns

00:06:13

here the middle was like this so

00:06:17

right away let's think about how we

00:06:18

draw it in general let's profile in these

00:06:21

profiles comment out the control right

00:06:23

the right Kondrashev is nearby.

00:06:26

right next to the buttons,

00:06:28

I commented on the frames with save,

00:06:30

although in general it saves itself, we go there,

00:06:33

we see that our middle has disappeared until in the

00:06:36

super browser, let's instead of the middle

00:06:39

we'll slip another one so that we'll call it,

00:06:41

for example, dialogs, let's look where

00:06:44

blogs

00:06:46

give me lax,

00:06:48

sorry, we don't need that like then

00:06:50

that is then and laks us there is no such you there is

00:06:53

no tag why because there is no such

00:06:55

component will give a capital letter guys, I

00:06:58

draw your attention every component

00:06:59

must be called with a capital

00:07:01

letter give laks there is no such dlc if I now

00:07:03

press alt-enter to import but

00:07:06

to me will not offer to import anything

00:07:07

because there is nothing to import

00:07:10

such a component, let's create a

00:07:11

component, give me laks, look at the thing I'm doing, we

00:07:16

got an error on every page, on every page there

00:07:18

will be a separate component, you see, yes,

00:07:21

we have a special component folder,

00:07:25

component folder, let's create it in it

00:07:27

here we have a profile in the header bar,

00:07:29

let's put the component next to the pro file,

00:07:31

which we'll call the folder, let's call it

00:07:35

Ludy laks dialogs

00:07:37

give lax, let's now manually do

00:07:40

some work to remind you, that is,

00:07:42

we need to create a component give

00:07:43

lax component what is this java

00:07:47

script file

00:07:48

dialogs as a rule, let's try

00:07:51

to name the file as well as the name of the

00:07:54

component that it exports from

00:07:56

itself say add git repository

00:07:59

add gives cost components gives

00:08:02

minus component gives guys again

00:08:04

question what is a component this function

00:08:07

const

00:08:08

gia lax function yes we use

00:08:12

arrow function which firstly

00:08:14

which first of all, it accepts accepts

00:08:17

props at the input, they always come,

00:08:19

so you can always describe them for now, yes,

00:08:21

let’s always write to consolidate them,

00:08:23

accept accept this is the initial data of

00:08:26

some object and returns sex with

00:08:30

sex, let’s return j sex, let’s

00:08:33

put parentheses, let’s remind you of the parentheses

00:08:35

brackets allow us to start writing gsx of

00:08:37

another line, we will say dialogs

00:08:42

departments here while we are not

00:08:44

trying to make a simple stub with you right away, just like

00:08:46

this layout, give the varnish everything, for some reason he

00:08:50

emphasizes what he doesn’t

00:08:52

like, well, what they don’t like and says

00:08:54

that react mosby in school by music gsx

00:08:57

that is, react should be, that is, I can’t,

00:08:59

that is, I don’t know the html the guy

00:09:01

wrote, that is, in fact, this is a java

00:09:03

script file, by the way, gsx.

00:09:05

Jess needs to fix this structure,

00:09:08

press shift f6 shift and b6 and delete

00:09:14

Jess ladies in swamiji sex pomu

00:09:16

use before j sex then I understand it’s not

00:09:19

Chinese gsx could have guessed that it’s

00:09:21

Jess sex but no no there’s

00:09:23

something missing and missing there is not enough

00:09:24

import reactor import we say we

00:09:27

need to import the react library

00:09:29

into some object for us, this is a global

00:09:31

react object, some object on is not

00:09:33

global, sorry, but some object from the

00:09:35

from library and in the react library everything is

00:09:40

now fine, everything will return with the lead laks

00:09:43

and it would seem that we can

00:09:46

import it here alt-enter nothing

00:09:48

tells us there is no import why

00:09:50

because in order to import something we must

00:09:52

export it, we never forget to

00:09:54

export export default, write

00:09:57

default if you forgot what export by

00:10:01

default means, well, I’ll come back to this

00:10:02

topic on the default, you know that for now

00:10:05

something important is exported from this file, the default

00:10:07

and by default one thing because let me

00:10:10

remind you that we can export many different things from one file from one

00:10:12

file

00:10:14

and we will sometimes do this over time,

00:10:17

but for now we I’m just saying that it’s

00:10:19

the default, as it were, that we export

00:10:21

from here this is this, this is a constant

00:10:22

that the groove is essentially a function,

00:10:24

mine is exported by default and

00:10:27

exported by default, this allows

00:10:31

us Alcantara clicked selected

00:10:33

allows us to actually

00:10:35

write any name here

00:10:36

for example, a dialogue, so let’s

00:10:40

use it here, you’ll see after the fact of

00:10:41

the dialogue with and although we exported yes and

00:10:45

lax,

00:10:46

but here we don’t care like give pin this name does

00:10:48

n’t look like it’s inside the name inside this

00:10:51

function name give lax but when we export it

00:10:53

by default

00:10:54

from outside to in the outside world where it is imported,

00:10:57

where it is entered and can be given any other name,

00:11:00

here it is, yes, it’s kind of

00:11:04

good and bad because there may be

00:11:06

errors, look, you see, we saw give

00:11:09

laks, that is, well, let me give you a

00:11:12

profile and generally not yet I won’t delete it, I’ll

00:11:15

just move it down so that we, that is, you and I,

00:11:18

what we did is the structure, you

00:11:20

see what a cool thing it doesn’t

00:11:22

work for the contour alt

00:11:24

counter alter structure which is the same

00:11:27

structure dou page header on the bar the

00:11:29

same div wrapper only

00:11:31

replaced replaced the middle that is

00:11:33

look how cool, yes, that is, like this, like

00:11:34

this, we change these two tags and

00:11:37

everything and the two pages are different 2 of those cleanups

00:11:40

I’ll remove shhh which I

00:11:43

just added for demonstration so I don’t want to add

00:11:44

spaces here and besides everything works super

00:11:48

on the congress page 1 for the old people with

00:11:51

profile excuse me, another page is given,

00:11:53

let's give a page and the varnish with a little

00:11:55

crushed a little crushed the new one into

00:11:56

parts first let's add into the dialogue with the

00:11:58

company's style

00:12:00

components, that is, modularity before we

00:12:02

remember that we have modularity give there is a

00:12:04

neighbor I'll copy it I'll add it here right away

00:12:07

counter c

00:12:08

I'm making an outline then here I make the

00:12:11

dialogs

00:12:12

module tssss

00:12:16

and here for now I delete all the style descriptions

00:12:19

and don’t forget to import into this dialogs I’ll

00:12:21

remind you that this

00:12:23

word module is important, it’s our

00:12:26

cry 3rd act ppt. crack 3 acts of PCR and you

00:12:32

will see such a brevio round when you

00:12:33

read the documentation there somewhere, google

00:12:35

something, these are the developers, you have already

00:12:37

configured it, the engine is our water,

00:12:39

which we use, which we

00:12:40

use so that we don’t have to

00:12:42

worry about the settings and just write like

00:12:44

applications and somehow coal is not well, it

00:12:46

updated itself, it stuck together, it was all

00:12:48

compiled ice, then we don’t worry and

00:12:50

these developers made such an agreement

00:12:52

young add transfer to the

00:12:54

module and then I will perceive this is

00:12:55

not a taxi from a file as a regular service from a

00:12:57

file I will perceive it’s like

00:12:58

some java script object and we’re

00:13:01

talking about how we’re there with in my opinion you’ll

00:13:03

agree to

00:13:04

write before with well I don’t know it’s mine in general

00:13:09

it’s better of course to write big words

00:13:11

probably well for now but I like such

00:13:13

abbreviations because if there’s

00:13:14

an agreement on the project damn why not

00:13:16

don't use it like that from .

00:13:21

if h means that I will import

00:13:22

this from the same folder where I am in the

00:13:24

dialogs

00:13:25

and this is called an interesting dialog

00:13:29

css module, that is, I now imported

00:13:31

just a style here and ported an

00:13:33

object that hotels with the variable s,

00:13:36

this object can be used in some

00:13:38

way but this is not very important for us yet, but

00:13:44

maybe it is important now, I want

00:13:46

to put in the profile how we had

00:13:48

markup from the content there, we have such

00:13:50

content for us about the class, the content

00:13:53

was needed for what in order to

00:13:57

look, I hold down the control, click

00:14:01

I get here to give a

00:14:03

pseudonym so for Gribovsky

00:14:06

a pseudonym and it turns out that all our

00:14:08

pages will basically have this

00:14:10

structure and I’ll have to

00:14:12

insert this thing into

00:14:16

every file and it’s already

00:14:18

a little annoying for me and it breaks, well, it’s annoying,

00:14:23

it breaks, I don’t want to have

00:14:26

duplication of code on my face, and let’s

00:14:28

look at the varnish, God forbid, 100 there is meat, you need to

00:14:31

add a class here with objects, I say you

00:14:35

have content, you have content, a

00:14:37

property sits in it, this is abracadabra,

00:14:39

well, in short, here it is everything has fallen

00:14:42

into place like this, but I don’t like

00:14:46

this duplication and so on, so

00:14:48

let’s sort of, that is, if it turns out in

00:14:50

each page, which should be

00:14:51

displayed like this with the inner part

00:14:53

on top, the header on the left, fate, everything else

00:14:55

here can be this, this what

00:14:57

must be inserted into each one,

00:14:59

it turns out things can be taken out, as it were,

00:15:01

let’s take this thing out of the

00:15:03

limits,

00:15:04

that is, we have an a.p. we have give

00:15:08

laks, that is, the middle is inserted here,

00:15:09

let's immediately frame this middle

00:15:11

as a girl contra

00:15:16

contra alt alt

00:15:17

let's immediately add a class, let's add

00:15:21

a class that will be called with content,

00:15:27

yes, let's import here apps with

00:15:30

is, let's do this with content

00:15:34

and p p wrapper let's write to paradise and

00:15:36

let's rename the ppv roper content, that

00:15:39

is, we won't connect it as a model

00:15:40

because yes, it's kind of high

00:15:41

leveling, we have such a structure now at the

00:15:43

highest possible level, we'll just

00:15:45

give it a little bit now,

00:15:47

let's say our name a p p a p p

00:15:53

wrapper

00:15:54

content I won’t say that I’m honestly a

00:16:00

master of modern CSS

00:16:02

layout and so on, that is, I somehow

00:16:04

do it based on some kind of life

00:16:06

experience, that is, as it seems to me, how

00:16:09

closer to me, how more comfortable for me counter a right now

00:16:12

contra alter always

00:16:13

align guys don’t be lazy

00:16:14

align a beautiful cat should

00:16:16

and now I’ll bring here what we

00:16:18

have in the profile in the profile all the gear is

00:16:21

this content well in the description give me

00:16:23

the content I no longer need the content in the

00:16:26

profile model I no longer need me I’m

00:16:28

bringing it up to the top level, why

00:16:29

I’ll explain it again to the top level and ours

00:16:31

because it’s something

00:16:32

high-level, big there, like it’s

00:16:36

the structure of the page,

00:16:38

it’s like not the component itself, this

00:16:40

structure of the page and again, yes, well,

00:16:42

you agree,

00:16:43

what if we will capture these dialogues, we want to

00:16:45

somehow depict it, well, in short, let’s

00:16:48

not go too deep right now, just

00:16:50

take it to a higher level,

00:16:53

that is, we say in the dialogues there are no more

00:16:56

disks with a class like this, this is a simple fill

00:16:57

because the girl needs to be done without we

00:17:00

can’t export anything, although in fact, maybe and we can talk

00:17:03

about it to them then we’ll talk about bye so

00:17:04

on let’s go to our profile from

00:17:07

the profile we’ll also delete this cool

00:17:09

Tucson you don’t need it anymore for now here

00:17:11

we don’t need the content this content is

00:17:13

set again I’ll remind you in apps here’s

00:17:16

the structure of the content but here we will also

00:17:18

add that style called

00:17:20

daddy wrapper content because I’ll

00:17:26

explain once again why content we will be

00:17:28

adding a lot of pages here instead of

00:17:30

dialogues there will be a profile

00:17:31

instead of a profile there will be a news feed

00:17:34

instead of news Fido there will be a

00:17:37

train friends page there it will be a lot of things and it will be

00:17:40

loaded here in the middle, so let's take

00:17:41

this part, which is the

00:17:43

general part, and put it here. I

00:17:46

like it better this way, to be honest, I like it better

00:17:49

because it slightly

00:17:50

reduces the duplication of code, if we

00:17:53

change something, then it’s easier to change it, it’s easier because it’s like that,

00:17:57

well, because as if

00:18:01

theoretically, we lose

00:18:02

the opportunity to change the appearance for

00:18:04

this some component if it is necessary but

00:18:06

not necessary because if there is always

00:18:09

a header and there is always a choice, it turns out that the

00:18:11

part that will

00:18:12

deliver will always occupy the rest of the part

00:18:14

and no there’s no point in taking it somewhere in

00:18:17

depth, you know, there’s no point in taking the

00:18:19

experience in depth, so let’s check that everything

00:18:22

is working, let’s now

00:18:24

insert the profile of the component to check, it’s great,

00:18:32

we’ll return it, let’s do it perfectly, and

00:18:36

naturally, guys, it seems to me that you’re just

00:18:38

impatient, impatient, impatient,

00:18:40

hurry up start clicking on these links

00:18:42

and see how the middle changes here,

00:18:45

and especially to this, I bring you to an

00:18:47

interesting moment when we

00:18:48

switch between pages because,

00:18:50

well, is it really Orthodox

00:18:52

to comment and insert something one by one,

00:18:53

no, we want to be

00:18:55

solid guys and switches

00:18:57

switches as expected and therefore

00:19:00

guys in the next issue in the next

00:19:05

issue you will learn about this and see

00:19:08

how it’s done and then until when we

00:19:10

switch we’ll be handsome guys there we

00:19:12

’ll have already disappeared from the parade and so

00:19:15

on, but for now that’s essentially it In the same lesson, we

00:19:18

didn’t do anything new except

00:19:19

create a new component, remember how to

00:19:21

create a new component and how

00:19:24

to load it here, and a little dawn factory, our

00:19:25

css3 factory, I won’t forget now, a

00:19:29

profile module has been removed from here, everything is removed from here and give me a

00:19:32

lak css module from here, too, this can be

00:19:34

deleted

00:19:35

we ourselves will need a module that is a

00:19:38

dialogue, but it

00:19:39

will be stylized somehow, but not this,

00:19:40

this is what it looks like for me, what will be the frame for

00:19:42

which all my friends

00:19:45

managed to make a frame for me super super super

00:19:48

super

00:19:49

we fly further if everything works out, put

00:19:52

likes, something doesn’t work out, put it likes

00:19:53

and only after that we write some questions in the comments

00:19:56

if the guys are all cool everything is cool write

00:19:58

sec to be honest, well, it’s not like I

00:20:01

want to hear warm cool words from you,

00:20:03

I’m like I’d die without this, but damn

00:20:06

me we’re really for it turns you on when you damn it

00:20:09

motivates you motivates me it’s

00:20:11

nice that there are even five

00:20:13

people there there is a person who is really

00:20:15

attacking there they write gratitude and as

00:20:16

if it’s real the sea sincere

00:20:18

gratitude write only if it is sincere as

00:20:20

if you really understand that damn well

00:20:22

yes thank you for this lesson, I seem to be

00:20:24

sitting through it, as if everything is working out and

00:20:26

please write sincerely if you have

00:20:28

something there, thank you guys for the

00:20:29

criticism developed there, justified,

00:20:33

I’m all all all then, given the course, the big

00:20:37

course will be endless, let’s say so

00:20:38

endless in the sense that the series will be

00:20:40

update constantly I will constantly

00:20:42

carry the social network with you to improve and you

00:20:44

will be able to even become the future there of

00:20:46

my middle and then and above you will be able to

00:20:49

watch this course and further

00:20:50

improve this network of yours and

00:20:52

watch everything that is happening in the world

00:20:53

and so on attack, don’t worry, I will

00:20:57

bomb at a normal pace, it will be interesting for you,

00:20:59

and the most important thing is that we will get

00:21:01

to the end with you, in fact, yes, three months until it’s brighter, so

00:21:06

I need about three months in order to be there until spring,

00:21:08

in short, even two months January and February

00:21:10

and there is half of December and whoever

00:21:12

looks in the mode here is the creation of these

00:21:14

videos by the end of February you will kind of

00:21:17

know the basic react fully know

00:21:19

the base I'll have you in reaction naturally with the

00:21:21

basic edition of course we'll lubricate with a

00:21:23

request to the server you're all friends see you all

00:21:26

again thanks Kamaz

00:21:28

tra

00:21:30

at from the editor you will know cool

00:21:36

ethics find

00:21:39

1

Description:

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT —INCUBATOR: Front-end https://it-incubator.io/front-end Back-end https://it-incubator.io/back-end Поддержать меня можно на patreon https://www.patreon.com/itkamasutra или оформив спонсорство на данном канале. Помогайте друг другу вот здесь: https://t.me/reactjs_samurai Уроки по React JS: https://www.youtube.com/playlist?list=PLcvhF2Wqh7DNVy1OCUpG3i5lyxyBWhGZ8 Ну что, наш бесплатный курс по React JS продолжается. И мы с вами сегодня пойдём немного вширь, закрепим изученные темы и добавим новые компоненты для страницы личных сообщений. Напомню, в наших уроках по React JS мы сделаем с вами большую социальную сеть, используя Redux и прочие библиотеки и примочки из реального практического мира! Бомбим вместе ;) * Сайты: https://it-kamasutra.com/ https://it-incubator.io/ https://samuraijs.com * Мы в соц. сетях: https://vk.com/itkamasutra https://www.facebook.com/unsupportedbrowser https://telegram.me/itkamasutra * Мои личные VK и Insta: https://vk.com/d.kuzyuberdin https://www.facebook.com/unsupportedbrowser

Preparing download options

Popular

HD video

Only sound

All

* — If the video is playing in a new tab, go to it, then right-click on the video and select "Save video as..."

** — Link intended for online playback in specialized players

Questions about downloading video

How can I download "18. Уроки React JS (страница Dialogs) - react курсы бесплатно" video?

http://unidownloader.com/ website is the best way to download a video or a separate audio track if you want to do without installing programs and extensions.
The UDL Helper extension is a convenient button that is seamlessly integrated into YouTube, Instagram and OK.ru sites for fast content download.
UDL Client program (for Windows) is the most powerful solution that supports more than 900 websites, social networks and video hosting sites, as well as any video quality that is available in the source.
UDL Lite is a really convenient way to access a website from your mobile device. With its help, you can easily download videos directly to your smartphone.

Which format of "18. Уроки React JS (страница Dialogs) - react курсы бесплатно" video should I choose?

The best quality formats are FullHD (1080p), 2K (1440p), 4K (2160p) and 8K (4320p). The higher the resolution of your screen, the higher the video quality should be. However, there are other factors to consider: download speed, amount of free space, and device performance during playback.

Why does my computer freeze when loading a "18. Уроки React JS (страница Dialogs) - react курсы бесплатно" video?

The browser/computer should not freeze completely! If this happens, please report it with a link to the video. Sometimes videos cannot be downloaded directly in a suitable format, so we have added the ability to convert the file to the desired format. In some cases, this process may actively use computer resources.

How can I download "18. Уроки React JS (страница Dialogs) - react курсы бесплатно" video to my phone?

You can download a video to your smartphone using the website or the PWA application UDL Lite. It is also possible to send a download link via QR code using the UDL Helper extension.

How can I download an audio track (music) to MP3 "18. Уроки React JS (страница Dialogs) - react курсы бесплатно"?

The most convenient way is to use the UDL Client program, which supports converting video to MP3 format. In some cases, MP3 can also be downloaded through the UDL Helper extension.

How can I save a frame from a video "18. Уроки React JS (страница Dialogs) - react курсы бесплатно"?

This feature is available in the UDL Helper extension. Make sure that "Show the video snapshot button" is checked in the settings. A camera icon should appear in the lower right corner of the player to the left of the "Settings" icon. When you click on it, the current frame from the video will be saved to your computer in JPEG format.

What's the price of all this stuff?

It costs nothing. Our services are absolutely free for all users. There are no PRO subscriptions, no restrictions on the number or maximum length of downloaded videos.