Reactjs-ის უფასო კურსი, პირველი ნაწილი (რეაქთი)

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

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

ასევე სანამ javascript-ის framework/library-ების სწავლას გადაწყვეტთ აუცილებელია იცოდეთ HTML CSS-ენები

• ჯავასკრიპტის კურსი დამწყებთათვის
• HTML, CSS-ის კურსი დამწყებთათვის

Reactjs-ის დაყენება ლოკალურ მანქანაზე

იმისთვის, რომ გაუშვათ რეაქთის (Reactjs) ის აპლიკაცია აუცილებელი მოთხოვნაა, ლოკალურ მანქანაზე (თქვენს კომპიუტერზე) დაინსტალირებული გქონდეთ Nodejs, მინიმალური მოთხოვნებია Node >= 14.0.0 და npm >= 5.6

ვერსიების გადასამოწმებლად ტერმინალში შეგიძლიათ დაწეროთ ქვემოთ მოცემული ბრძანებები

node -v // Nodejs-ის ვერსიის გაგება
npm -v // NPM-ის ვერსიის გაგება

პირველი აპლიკაციის გენერაცია Reactjs-ზე

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

npx create-react-app my-app // აგენერირებს რეაქტის აპლიკაციას სახელად my-app
cd my-app // შევდივართ my-app დირექტორიაში
npm start // ვუშვებთ ლოკალურ მანქანაზე

რა არის JSX ?

როგორც რეაქთის(React) დოკუმენტაციაში ვკითხულობთ jsx არის ჯავასკრიპტის (javascript)  სინტაქსის დამატება, რომელიც საშუალებას გვაძლევს ჯავასკრიპტ ფაილში გამოვიყენოთ HTML სელექტორები.

გამოყენების მაგალითი

const name = 'Josh Perez';
const element = <h1>Hello, {name}</h1>;