React დამწყებთათვის: თანამედროვე ვებ-აპლიკაციების შექმნა

1. შესავალი React-ში და გარემოს კონფიგურაცია

კეთილი იყოს თქვენი მობრძანება კურსზე React დამწყებთათვის: თანამედროვე ვებ-აპლიკაციების შექმნა. დღევანდელ გაკვეთილში ჩვენ განვიხილავთ, თუ რა არის React, რატომ არის ის ასეთი პოპულარული და როგორ მოვამზადოთ ჩვენი კომპიუტერი პირველი პროექტის დასაწყებად.

რა არის React?

React არის JavaScript ბიბლიოთეკა, რომელიც შექმნილია მომხმარებლის ინტერფეისების (UI) ასაგებად. ის შეიქმნა Meta-ს (Facebook) მიერ და დღესდღეობით ითვლება ყველაზე მოთხოვნად ინსტრუმენტად ვებ-დეველოპმენტში. მთავარი იდეა React-ის უკან არის კომპონენტებზე დაფუძნებული არქიტექტურა.

React გვაძლევს საშუალებას დავშალოთ ინტერფეისი პატარა, დამოუკიდებელ და მრავალჯერადი გამოყენების ნაწილებად, რომლებსაც კომპონენტებს ვუწოდებთ.

რატომ ავირჩიოთ React?

React-ის მთავარი უპირატესობა არის მისი სიჩქარე და ეფექტურობა. იგი იყენებს Virtual DOM-ს, რაც მინიმუმამდე ამცირებს ბრაუზერის მიერ გვერდის გადატვირთვის საჭიროებას.

გარემოს მომზადება

React-ით მუშაობის დასაწყებად საჭიროა შემდეგი ინსტრუმენტები:

1. Node.js: ეს არის runtime გარემო, რომელიც საჭიროა JavaScript-ის სერვერულად გასაშვებად და npm (Node Package Manager)-ის გამოსაყენებლად. გადმოწერეთ ის ოფიციალური საიტიდან: nodejs.org.
2. VS Code: თანამედროვე ტექსტური რედაქტორი, რომელიც იდეალურია React-თან მუშაობისთვის.

პირველი პროექტის შექმნა Vite-ით

ადრე React-ის პროექტებს create-react-app-ით ვქმნიდით, თუმცა დღესდღეობით ინდუსტრიული სტანდარტი არის Vite, რომელიც გაცილებით სწრაფია.

გახსენით თქვენი ტერმინალი და გაუშვით შემდეგი ბრძანებები:

npm create vite@latest my-first-app -- --template react
cd my-first-app
npm install
npm run dev

ამ ბრძანებების შესრულების შემდეგ თქვენი აპლიკაცია გაეშვება ლოკალურ სერვერზე (ჩვეულებრივ http://localhost:5173). დამატებითი ინფორმაციისთვის გაეცანით ოფიციალურ დოკუმენტაციას: react.dev.

შეჯამება

დღეს ჩვენ გავიგეთ, რომ React არის ძლიერი ინსტრუმენტი მოდულარული ინტერფეისების ასაგებად. ჩვენ დავაინსტალირეთ Node.js, გავეცანით Vite-ს და შევქმენით ჩვენი პირველი პროექტი. მომდევნო გაკვეთილში ჩვენ უფრო ღრმად ჩავუღრმავდებით JSX-ის სინტაქსს და კომპონენტების შექმნას.