React

ინტერფეისების აწყობა კომპონენტებით: state, props, hooks და რეალური აპლიკაციის არქიტექტურა.

👑 Pro4 დონე40 მოდული200 თავიმალე

რას ისწავლი

კომპონენტები, props და state
Hooks და მონაცემების ნაკადი
დიდი აპლიკაციის ორგანიზება და ოპტიმიზაცია

სილაბუსი

დამწყები10 მოდული · 50 თავი

1React-ის საფუძვლები0 / 5

რა არის Reactმალეპროექტის შექმნა Vite-ითმალეJSXმალეპირველი კომპონენტიმალეგვერდზე გამოტანამალექვიზი: React-ის საფუძვლებიმალე

2კომპონენტები და props0 / 5

ფუნქციური კომპონენტიმალეpropsმალეchildrenმალენაგულისხმევი მნიშვნელობებიმალეკომპონენტების ჩადგმამალექვიზი: კომპონენტები და propsმალე

3მდგომარეობა0 / 5

useStateმალემდგომარეობის განახლებამალერამდენიმე stateმალეობიექტები და მასივები state-შიმალეstate-ის აწევა ზემოთმალექვიზი: მდგომარეობამალე

4მოვლენები0 / 5

მოვლენის დამმუშავებელიმალეარგუმენტების გადაცემამალეფორმის მოვლენებიმალეpreventDefaultმალემოვლენების ნიმუშებიმალექვიზი: მოვლენებიმალე

5პირობითი ჩვენება0 / 5

პირობა კომპონენტშიმალე&& და ტერნარულიმალეnull-ის დაბრუნებამალეადრეული returnმალეჩატვირთვის და შეცდომის ჩვენებამალექვიზი: პირობითი ჩვენებამალე

6სიები და key0 / 5

სიის გამოტანა map-ითმალეkeyმალესიის გაფილტვრამალესიის დალაგებამალეცარიელი სიამალექვიზი: სიები და keyმალე

7ფორმები0 / 5

მართული ველებიმალერამდენიმე ველიმალეcheckbox და selectმალეფორმის შემოწმებამალეფორმის გაგზავნამალექვიზი: ფორმებიმალე

8სტილი0 / 5

classNameმალეჩაშენებული სტილიმალეCSS Modulesმალეპირობითი კლასებიმალეUI ბიბლიოთეკებიმალექვიზი: სტილიმალე

9ეფექტები0 / 5

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

10React-ულად ფიქრი0 / 5

ინტერფეისის დაშლა კომპონენტებადმალესტატიკური ვერსიამალემინიმალური stateმალესად ცხოვრობს stateმალემონაცემების უკუდინებამალექვიზი: React-ულად ფიქრიმალე

პროექტი: ფილმების საძიებომალე

აპი, რომელიც ფილმებს ეძებს და აჩვენებს: კომპონენტები, state, სიები და ფორმა.

საშუალო10 მოდული · 50 თავი

1hook-ები სიღრმეში0 / 5

useRefმალეuseMemoმალეuseCallbackმალეuseReducerმალეhook-ების წესებიმალექვიზი: hook-ები სიღრმეშიმალე

2საკუთარი hook-ები0 / 5

საკუთარი hook-ის დაწერამალეuseFetchმალეuseLocalStorageმალეhook-ების კომპოზიციამალეhook-ის ტესტირებამალექვიზი: საკუთარი hook-ებიმალე

3Context0 / 5

Context APIმალეProviderმალეuseContextმალეcontext-ის ოპტიმიზაციამალეროდის არ გვჭირდება contextმალექვიზი: Contextმალე

4მარშრუტები0 / 5

React Routerმალემარშრუტების აღწერამალემარშრუტის პარამეტრებიმალეჩადგმული მარშრუტებიმალედაცული მარშრუტებიმალექვიზი: მარშრუტებიმალე

5მონაცემების ჩატვირთვა0 / 5

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

6ფორმები სიღრმეში0 / 5

React Hook Formმალესქემით შემოწმებამალედინამიკური ველებიმალეფაილის ატვირთვამალეფორმის მოხერხებულობამალექვიზი: ფორმები სიღრმეშიმალე

7კომპონენტების ნიმუშები0 / 5

კომპოზიციამალეrender propsმალეშედგენილი კომპონენტებიმალემართული და უმართავიმალემაღალი რიგის კომპონენტებიმალექვიზი: კომპონენტების ნიმუშებიმალე

8წარმადობის საფუძვლები0 / 5

რენდერის გაგებამალეReact.memoმალეkey და რენდერიმალეlazy და SuspenseმალეProfilerმალექვიზი: წარმადობის საფუძვლებიმალე

9შეცდომების დამუშავება0 / 5

შეცდომის საზღვარიმალესათადარიგო ინტერფეისიმალეშეცდომების ჩაწერამალეასინქრონული შეცდომებიმალეხელახალი ცდამალექვიზი: შეცდომების დამუშავებამალე

10ტესტირება0 / 5

Testing Libraryმალეკომპონენტის ტესტიმალემოვლენების იმიტაციამალეAPI-ს იმიტაციამალეhook-ის ტესტიმალექვიზი: ტესტირებამალე

პროექტი: მაღაზიის კალათამალე

ონლაინ მაღაზია კატალოგით, კალათით, როუტერით და API-დან ჩატვირთული მონაცემებით.

მოწინავე10 მოდული · 50 თავი

1მდგომარეობის მართვა0 / 5

გლობალური stateმალეRedux ToolkitმალეZustandმალესერვერის და კლიენტის stateმალეstate-ის არქიტექტურამალექვიზი: მდგომარეობის მართვამალე

2რთული ნიმუშები0 / 5

headless კომპონენტებიმალეპოლიმორფული კომპონენტებიმალეslot ნიმუშიმალეportalმალეforwardRefმალექვიზი: რთული ნიმუშებიმალე

3რენდერი სიღრმეში0 / 5

reconciliationმალეfiberმალეbatchingმალეკონკურენტული რენდერიმალეtransitionმალექვიზი: რენდერი სიღრმეშიმალე

4Suspense და streaming0 / 5

Suspense მონაცემებისთვისმალეuseმალეstreamingმალეSuspense და შეცდომებიმალეჩონჩხის ინტერფეისიმალექვიზი: Suspense და streamingმალე

5სერვერის კომპონენტები0 / 5

React Server Componentsმალეკლიენტის და სერვერის საზღვარიმალეserver actionsმალემონაცემები სერვერზემალეშეზღუდვებიმალექვიზი: სერვერის კომპონენტებიმალე

6React და TypeScript0 / 5

props-ის ტიპებიმალეgeneric კომპონენტებიმალეhook-ების ტიპებიმალეcontext ტიპებითმალეdiscriminated propsმალექვიზი: React და TypeScriptმალე

7ანიმაცია0 / 5

CSS გადასვლები React-შიმალეMotion ბიბლიოთეკამალეგანლაგების ანიმაციამალეგასვლის ანიმაციამალეანიმაციის ფასიმალექვიზი: ანიმაციამალე

8ხელმისაწვდომობა0 / 5

სემანტიკა JSX-შიმალეფოკუსის მართვამალეARIA კომპონენტებშიმალეხელმისაწვდომი ფორმებიმალეხელმისაწვდომობის ტესტირებამალექვიზი: ხელმისაწვდომობამალე

9მრავალენოვნება0 / 5

i18n ბიბლიოთეკებიმალეთარგმანების ფაილებიმალემრავლობითი და ფორმატებიმალეRTL მხარდაჭერამალეენის გადართვამალექვიზი: მრავალენოვნებამალე

10არქიტექტურა0 / 5

საქაღალდეების სტრუქტურამალეფუნქციებად დაყოფამალედიზაინ-სისტემამალეAPI შრემალეკოდის გაყოფამალექვიზი: არქიტექტურამალე

პროექტი: მონაცემების დაფამალე

დაფა გრაფიკებით, ფილტრებით და გლობალური მდგომარეობით, ტესტებით დაფარული.

ექსპერტი10 მოდული · 50 თავი

1React შიგნიდან0 / 5

fiber-ის არქიტექტურამალეschedulerმალეhook-ები შიგნიდანმალეhydrationმალეReact Compilerმალექვიზი: React შიგნიდანმალე

2წარმადობა სიღრმეში0 / 5

აპის პროფაილინგიმალესიების ვირტუალიზაციამალეbundle-ის ანალიზიმალემეხსიერების გაჟონვამალეWeb Vitals React-შიმალექვიზი: წარმადობა სიღრმეშიმალე

3დიზაინ-სისტემები0 / 5

კომპონენტების ბიბლიოთეკამალეტოკენებიმალეStorybookმალევერსიებიმალედოკუმენტაციამალექვიზი: დიზაინ-სისტემებიმალე

4ტესტირების სტრატეგია0 / 5

ტესტირების პირამიდამალეინტეგრაციის ტესტებიმალეE2E ტესტები Playwright-ითმალევიზუალური ტესტებიმალეტესტები CI-შიმალექვიზი: ტესტირების სტრატეგიამალე

5მიკროფრონტენდები0 / 5

module federationმალესაზღვრებიმალესაერთო დამოკიდებულებებიმალეგუნდების დამოუკიდებლობამალეხარჯი და სარგებელიმალექვიზი: მიკროფრონტენდებიმალე

6React Native-ის გაცნობა0 / 5

რა არის React Nativeმალეკომპონენტებიმალენავიგაციამალეnative მოდულებიმალეკოდის გაზიარებამალექვიზი: React Native-ის გაცნობამალე

7უსაფრთხოება0 / 5

XSS React-შიმალეdangerouslySetInnerHTMLმალეავთენტიფიკაციის ნაკადებიმალენიშნების შენახვამალედამოკიდებულებების რისკიმალექვიზი: უსაფრთხოებამალე

8რეალური დროის აპები0 / 5

WebSocket React-შიმალეოპტიმისტური ინტერფეისიმალეერთობლივი მუშაობამალეოფლაინ მხარდაჭერამალესინქრონიზაციამალექვიზი: რეალური დროის აპებიმალე

9მიგრაცია0 / 5

კლასებიდან hook-ებზემალევერსიის განახლებამალეძველი კოდიმალეcodemodმალეთანდათანობითი გადასვლამალექვიზი: მიგრაციამალე

10ფრონტენდის ლიდერობა0 / 5

ტექნიკური გადაწყვეტილებებიმალეკოდის მიმოხილვამალესტანდარტებიმალემენტორობამალეგეგმამალექვიზი: ფრონტენდის ლიდერობამალე

პროექტი: ერთობლივი დაფამალე

რეალურ დროში ერთად სამუშაო დაფა: WebSocket, ოპტიმისტური განახლება და ოფლაინ რეჟიმი.