начало работы с реакцией для абсолютных новичков
Введение:
Понимание React.js — это не ракетостроение, но когда вы погрузитесь в него, вы обнаружите, что это намного глубже, но несколько проще.
Предпосылки:
Наличие базовых навыков программирования и логики. Лично я бы порекомендовал изучить любой язык программирования, плюс JS и попрактиковаться в алгоритмах и логическом мышлении.
Давайте начнем:
Создайте новую папку, я бы предложил назвать «React» и открыть в ней командную строку.
теперь введите «npx create-react-app myfirstapp», здесь myfirstapp — это имя приложения и вы можете изменить его так, как вам нравится.
наберитесь терпения и подождите некоторое время, и вскоре он покажет что-то вроде этого…
После этого введите «cd myfirstapp», а затем введите «npm start».
Теперь эта командная строка стала сервером для вашего приложения React, и пока эта командная строка жива, вы можете просматривать свое приложение React на локальном сервере.
Теперь откройте папку React›myfirstapp›src в Visual Studio Code или любом другом текстовом редакторе, который вам нравится.
Теперь вы увидите там несколько файлов, пока игнорируйте все остальное и сосредоточьтесь на App.css и App.js,поскольку App.js является основным файлом, который рендерится.
что-то такое должно появиться, так что начнем с нуля, почистим весь код в App.js и App.css.
Два Пути Пути:
В React есть два способа: первый — по функциям, а второй — по классам.
Поскольку функция не поддерживает состояние, мы пока будем придерживаться классов.
App.Js
Теперь выше приведен основной код, который выполняется всякий раз, когда мы создаем новый файл класса или компонент класса.
Помните, что Render — это функция, которая вызывается бесконечное время и возвращает одно значение, т. е. «div-tag», но внутри этого «div-tag» может быть несколько компонентов.
поместите «‹h1›Меня зовут Ахмад‹/h1›» внутри «div-tag» и сохраните файл.
если ничего не пойдет не так, ваше приложение будет показывать результат.
Поздравляем, вы завершили первый день.
