Сообщения

Сообщения за июнь, 2019

React. Материалы курса

Изображение
Материалы курса можно скачать из репозитория https://github.com/Juriy/pro-react-redux Команда для скачивания $ git clone https://github.com/Juriy/pro-react-redux Чтобы запустить код, заходим в нужную папку, и выполняем команду $ npm install Эта команда позволяет npm скачать нужные зависимости Следующая команда $ npm start Эта команда запускает вебпак и собирает нужные зависимости в один проект Babel Babel  - это бесплатный JavaScript-компилятор, который позволяет превратить новый современны код в код, понятный не самым новым и не самым современным браузерам. Больше того, Babel позволяет использовать даже ещё не вошедшие в финальную стадию предложения по улучшению языка, те возможности, которые ещё только будут включены в стандарты EcmaScript Компоненты React React-компоненты - независимые блоки кода, которые могут иметь своё собственное поведение. Если react-элемент просто кусочек разметки JSX, то react-компонент - класс или функция, у которой есть собственн

React. Настройка окружения

Изображение
1. Скачиваем или обновляем node.js https://nodejs.org/en/ Узнать версию node.js можно при помощи команды node -v   2. Устанавливаем утилиту create-react-app $ npm i -g create-react-app 3. Создаём папку, где будем хранить наши проекты, react-apps и переходим в неё 4. Запускаем консоль, выполняем команду $ create-react-app todo Утилита  create-react-app создаёт папку проекта todo , имя которой мы указали, скачивает необходимые приложения, устанавливает зависимости. На это потребуется время. 5. Заходим в папку проекта $ cd todo запускаем команду   $ npm start Открывается страница браузера, адрес которой http://localhost:3000/ Это и есть адрес нашего проекта. Скачиваем код примеров $ git clone https://github.com/Juriy/pro-react-redux Чтобы запустить файл проекта, заходим в папку, запускаем команду $ npm install Затем $ npm start В браузере открывается небольшое приложение на реакт. Смотрим папку проекта. Нас интересуют две папки. первая src, где находятся