Уроки React JS

Полезные ссылки:

• Курс по React Native;
• Курс по HTML;
• Курс по CSS;
• Курс по JavaScript;
• Программа Visual Studio Code;
• Технология Node JS.

Информация про React JS

React является JavaScript библиотекой, благодаря которой вы можете управлять содержимым любой веб страницы. React JS был разработан компанией Facebook в 2013 году. С тех пор он сильно укрепился на рынке и на сегодняшний день является одной из наиболее популярных технологий для построения веб проектов.

Если говорить вкратце, то за счет React JS вы можете создавать гибкие, функциональные и удобные в поддержке компоненты сайта. В понятие «компонент» входит любая часть вашего сайта: форма регистрации, блок с выводом информации, несколько «input» полей и так далее. React JS предоставляет быстрый и удобный формат взаимодействия с любыми блоками (компонентами) вашего веб сайта.

React JS делает примерно те же действия что и обычный JS. Он обрабатывает действия пользователя и работает на стороне клиента. При этом, React JS делает это в более структурированной форме и, к тому же, обеспечивает более мощный функционал при работе с пользователем на стороне клиента.  

На что способен React?

React разработан таким образом, что его можно запускать не только в браузере, но и за его пределами. Благодаря такому подходу вы получаете возможность для построения проектов под разные платформы, включая мобильные устройства: Андроид и iOS. Для разработки приложений используется библиотека React Native.

По сути ядро React описывает всё основное поведение. Далее идут дополнительные библиотеки, по типу React JS, React Native..., что служат для создания проектов под разные типы устройств.

Общий принцип функционирования

Ранее все сайты строились по простому принципу. Одна HTML страница отвечала за одну страницу сайта. К примеру, «index.html» отвечал за главную страницу сайта, а какая-то страница «blog.html» отвечала за страницу с новостями на сайте.

При помощи React мы получаем принцип что называется Single Page Application (SPA) или принцип одностраничного приложения. Мы так же имеем HTML файл со страницей сайта, но в этот раз он у нас один и все действия происходят на нем.

За счет React вы просто будете менять основное содержимое всей страницы в зависимости от действий пользователей. Удобство в том, что страница будет подгружена один раз при первом попадании пользователя на сайт, а далее все действия на странице будут проходить без перезагрузок самого сайта.

Можно сказать, что подобное можно сделать при помощи обычного JS. Да, на самом деле это действительно так. Обычный JS позволяет также менять содержимое страницы и можно сделать все действия пользователя без перезагрузок. Но большим плюсом React JS является то, что он делает все эти манипуляции проще и гораздо приятнее. Вам будет проще контролировать проект и добавлять в него новые функции, если этот проект будет написан на основе React JS, а не на основе чистого языка Javascript.

Что нужно знать?

Перед изучением курса вам обязательно нужно иметь хорошие знания в HTML и CSS. При построении веб-сайтов вам постоянно нужно будет прописывать HTML теги и стили к ним, поэтому без этих навыков нельзя. 

Вам нужно обладать хотя бы минимальными знаниями языка JavaScript. Нужно уметь работать с массивами, циклами, условиями, функциями и прочими простыми концепциями данного языка.

Кроме того, данный курс не рассчитан на новичков. У вас уже должны быть минимальные знания по работе с ReactJS. В курсе не будут останавливаться на базовых моментах, поэтому если вы хотите сперва подтянуть базовые знания по этой библиотеке, то советуем глянуть базовый курс по React JS. 

План курса

В ходе курса мы с вами с нуля научимся работать с библиотекой React JS. Вы научитесь создавать проекты на её основе, научитесь правильно манипулировать HTML структурой вашего веб сайта и плюс изучите множество концепций по работе с React JS.

К концу курса вы разработаете небольшое приложение, что будет взаимодействовать с API стороннего сайта. В этом приложении будет много пользовательский действий, а именно добавление данных, их вывод, удаление и так далее.

Получается, что по окончанию курса у вас будет достаточно знаний дабы начать строить свои проекты на основе библиотеки React JS.

Большая программа

Если вас интересует более углубленное изучение построения веб проектов с использованием языка JavaScript и технологии Node JS, то предлагаем вам нашу программу обучения по теме Node JS. В программе вы найдете информацию как по разработке клиентской стороны, так и серверной стороны сайта. Вы можете ознакомиться с этой программой здесь.