Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:02,240 --> 00:00:04,400
Now for this course section,
2
00:00:04,400 --> 00:00:06,760
attached you find a starting project,
3
00:00:06,760 --> 00:00:08,730
which you can download, extract,
4
00:00:08,730 --> 00:00:12,040
and then run npm install in the extracted folder
5
00:00:12,040 --> 00:00:15,660
to install all the dependencies this project needs.
6
00:00:15,660 --> 00:00:20,320
And then npm start to start up that development server.
7
00:00:20,320 --> 00:00:22,480
And once you do that, you'll be greeted
8
00:00:22,480 --> 00:00:26,450
with this basic form with this basic input.
9
00:00:26,450 --> 00:00:29,240
And that's what we're going to get started with.
10
00:00:29,240 --> 00:00:32,560
It's this simple input component, which you're seeing.
11
00:00:32,560 --> 00:00:34,930
We also have a basic form component
12
00:00:34,930 --> 00:00:36,520
at which we'll take a look later
13
00:00:36,520 --> 00:00:39,890
but we're going to start with this simple input.
14
00:00:39,890 --> 00:00:43,740
And that is just a regular React component
15
00:00:43,740 --> 00:00:45,530
returning some JSX.
16
00:00:45,530 --> 00:00:50,530
To be precise returning a form element, a form tag,
17
00:00:50,620 --> 00:00:55,620
and then one form input in there with a label and a button.
18
00:00:55,670 --> 00:00:59,250
Now this course section will not be about
19
00:00:59,250 --> 00:01:03,220
how to write forms when it comes to HTML.
20
00:01:03,220 --> 00:01:04,690
So we're not going to dive
21
00:01:04,690 --> 00:01:08,530
into which HTML elements you could use.
22
00:01:08,530 --> 00:01:11,800
And we're not going to talk about accessibility here.
23
00:01:11,800 --> 00:01:15,020
We're also not going to dive into the styling.
24
00:01:15,020 --> 00:01:17,870
I provide some basic styling here for you
25
00:01:17,870 --> 00:01:21,880
in this index CSS file, which gives us this look here.
26
00:01:21,880 --> 00:01:25,310
But beyond that, it's up to you to of course style this
27
00:01:25,310 --> 00:01:27,810
and structured this however you want.
28
00:01:27,810 --> 00:01:31,570
In this course section, I really wanna focus on React
29
00:01:31,570 --> 00:01:34,310
and what we do with React when it comes to forms
30
00:01:34,310 --> 00:01:36,890
because after all this is a React course.
31
00:01:36,890 --> 00:01:39,483
So what's difficult about forms though?
2535
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.
Afrikaans
Akan
Albanian
Amharic
Arabic
Armenian
Azerbaijani
Basque
Belarusian
Bemba
Bengali
Bihari
Bosnian
Breton
Bulgarian
Cambodian
Catalan
Cebuano
Cherokee
Chichewa
Chinese (Simplified)
Chinese (Traditional)
Corsican
Croatian
Czech
Danish
Dutch
Esperanto
Estonian
Faroese
Finnish
Galician
Georgian
German
Greek
Guarani
Haitian Creole
Hausa
Hawaiian
Hebrew
Hmong
Hungarian
Icelandic
Irish
Italian
Japanese
Javanese
Kinyarwanda
Kirundi
Kongo
Korean
Krio (Sierra Leone)
Kurdish
Kyrgyz
Laothian
Latin
Latvian
Lithuanian
Luganda
Luo
Luxembourgish
Macedonian
Malagasy
Malay
Maltese
Maori
Mauritian Creole
Moldavian
Mongolian
Myanmar (Burmese)
Montenegrin
Nepali
Norwegian
Pashto
Polish
Portuguese (Brazil)
Portuguese (Portugal)
Quechua
Romanian
Romansh
Russian
Samoan
Scots Gaelic
Serbian
Sesotho
Setswana
Seychellois Creole
Shona
Sindhi
Sinhalese
Slovak
Slovenian
Somali
Spanish
Swedish
Tajik
Thai
Tigrinya
Tonga
Turkish
Turkmen
Ukrainian
Uzbek
Vietnamese
Welsh
Wolof