React-ის ძირითადი გაკვეთილი

გაცნობა React-ის ინსტალაცია react-devtools პლაგინის მიმაგრება კომპონენტური მიდგომა საიტის ლაიაუტი კომპონენტის მუშაობის შედეგი

JSX-ის ენა

შესავალი JSX-ში ჩასმული ტეგების დაბრუნება ტეგის ქვემოთ გადატანა რამდენიმე ტეგის დაბრუნება დაუხურავი ტეგის დაბრუნება ცარიელი ტეგის ფუნქციით დაბრუნება ცვლადების მნიშვნელობების ჩასმა ნიუანსები ცვლადების ჩასმისას მასივების ჩასმა ობიექტების ჩასმა ატრიბუტებში ჩასმა ტეგების შენახვა JSX-ში რამდენიმე ტეგის შენახვა ტეგები სხვადასხვა სტრიქონზე ტეგების დაბრუნება JSX ტეგების დახურულობა ვერსტკის კორექტულობა JavaScript კოდის შესრულება

პირობები

პირობები JSX-ში ჩვენება პირობის მიხედვით პირობა ტეგის დასაბრუნებლად ტერნარული ოპერატორი JSX-ში ოპერატორი &&-ის გამოყენება JSX-ში ინვერსია შემოკლებული პირობებისთვის

ფუნქციები

ფუნქციების გამოყენება ფუნქციების გამოძახება ტეგებში ჰენდლერების მიმაგრება ჰენდლერების პარამეტრები Event-ის ობიექტი Event-ის ობიექტი პარამეტრების გადაცემისას

ტეგების ფორმირება

ტეგების მასივი ტეგების მასივი ციკლში ტეგები მონაცემთა მასივიდან გასაღებები მასივში ობიექტების მასივი გასაღებები id-ის მეშვეობით ცხრილი ობიექტების მასივიდან

უნიკალური id

განხილვა ახალი id-ებით პრობლემები შემთხვევითი სტრიქონები id-ებისთვის id-ის გენერირება ფუნქცია id-ის გენერირებისთვის id-ის ფუნქციის გამოყენება ფუნქციის არასწორი გამოყენება

სტეიტები

შესავალი სტეიტებში გამოყენება რეაქტიულობა ლოგიკური მნიშვნელობა სტეიტში თვლა სტეიტებთან მუშაობისას

ფორმები

ინპუტებთან მუშაობა ინპუტის მონაცემების შეცვლა მათი გამოტანისას მონაცემების შეცვლა ფუნქციის გამოყენებით რამდენიმე ინპუტთან მუშაობა ფორმის მონაცემების დამუშავება textarea-სთან მუშაობა ჩეკბოქსებთან მუშაობა ჩეკბოქსები და პირობითი რენდერინგი სელექტებთან მუშაობა სელექტის პუნქტები მასივიდან value ატრიბუტები სელექტში სელექტის value ატრიბუტები მასივიდან რადიოთან მუშაობა ნაგულისხმევი მნიშვნელობები ინპუტების მასივთან მიბმა ინპუტების ობიექტთან მიბმა

მონაცემები

შესავალი მასივში რეაქტიული დამატება მასივებზე რეაქტიული ოპერაციები ობიექტების მასივში რეაქტიული დამატება ობიექტების მასივებზე რეაქტიული ოპერაციები მონაცემთა რეაქტიული ჩვენება

კომპონენტები

კომპონენტების შესავალი კომპონენტების გამოყენება კომპონენტის რამდენიმე ეგზემპლარი კომპონენტების პროფები შვილობილი კომპონენტები მასივი შვილობილი კომპონენტების შესაქმნელად შვილობილი კომპონენტები ციკლში სტეიტების გადაცემა შვილობილ კომპონენტებში იდენტიფიკატორის გადაცემა კომპონენტში მშობლის სტეიტის შეცვლა მშობლის სტეიტის რედაქტირება ბებიის სტეიტის რედაქტირება მუშაობის რეჟიმები სტეიტების მეშვეობით

კონცეფციები

გაცნობა კომპონენტების მონაცემები კომპონენტების ტიპები მონაცემთა ცალმხრივი ნაკადი მდგომარეობის აწევა სიმართლის ერთი წყარო

სტილიზაცია

სტილიზაცის მეთოდები React-ში გლობალური CSS მონაცემების ჩასმა style ატრიბუტში ობიექტიდან მონაცემების ჩასმა style ატრიბუტში ცალკე ფაილიდან CSS სტილებთან მუშაობა style ატრიბუტში მონაცემების ჩასმა style ატრიბუტში ცვლადებიდან Styled Components პროფები Styled Components-ში პროფები და პირობითი რენდერინგი Styled Components-ში გაფართოებული სტილიზაციის მქონე კომპონენტები CSS modules-თან მუშაობის დაწყება CSS modules-თან მუშაობის გაგრძელება კლასებისთვის composes ბრძანება ფაილებისთვის composes ბრძანება

პროექტები

ჩეკლისტი ნოუთბუქი
azbydeenesfrkakkptruuz