ReactJS. #1 Настройка среды разработки

Автор Nadezhda Belousova
ReactJS. #1 Настройка среды разработки

Всем привет в этой серии уроков мы с вами научимся создавать простые веб-приложения на приборке react.js здесь не будет сравнение, что лучше react JS angular JS backbone JS или просто рассмотрим особенности и возможности реактор сразу хочу предупредить, что данная серия уроков рассчитан на новичков и рассматриваются только самые ожидаемые фреймворка мы не будем в тонкости нюансы этим вопросом можно посвятить отдельный курс.

А тут мы просто напишем простое предложение они используют сторонних не используя сторонние каких-либо приложений в приложении здесь не будет ни серверов. Не суббота. Я просто.

Я маленько вступление для того чтобы у вас всё работало.

Вам необходимо обладать минимальными дозами работы вашей операционной системе, а также. Вы не должны быть забаненым Google или. Яндексе на протяжении курса вам придётся что-то искать и. Возможно даже Us и так будем писать приложение не такой как его пишут во всех тут риалах у нас — это будет. Контакт менеджер. Ну или по-русски просто список контактов в этом уроке мы подготовим всю инфраструктуру для того чтобы начать писать такое приложение чтобы нас ничего не отвлекало для этого придется немного отвлечься от реакции погрузиться в нюансе — это современного мира во-первых создадим директорию нас будет располагаться наше приложение. Я его так назову на контакт менеджер. Ну и собственно сразу перейду туда не перехожу. Ну, а здесь моё собственное нём разворачивать наше предложение непосредственно к директории. Для этого необходимо установить пакет на имейл там устанавливается сразу с начёсом. Для этого нам необходимо зайти на сайт и собственно скачать и установить. Я ищу под себя под Windows 10, а вы ищете устанавливайте под Linux Mac кому кто в чём работает, а потом придется устанавливать в данной серии мы используем версию 691. Сейчас вышла 7 версия. Ну я вот держусь пока того то есть то есть то есть среды в которой я более-менее там ориентируюсь вот после того как вы скачали и установили я устанавливать не буду у меня уже она есть вот если вы. Если у вас нету, но если у вас она есть, но не надо если нету то пожалуйста установите того как вы — это установили. Ну установили и node.js npm менеджер пакетов возвращаемся в нашу территорию приложение для того чтобы инициализировать проект именно для того чтобы у нас установился 5G сон в котором разворачивается вся вся система зависимостей. Вам необходимо сделать. У меня машина не очень быстро. Поэтому приходится много ждать название у нас остаётся такой как ты есть контакт менеджер версия пусть будет 10 я напишу просто контакт менеджер тут Tutorial складная. тут не обязательно какая-то искал монтаже git репозиторий не нужен тоже не нужен авто. Ну я напишу как меня зовут. Кирилл Махал лицензии. Составляем всё ли нас устраивается да. Всё у нас проект придётся Leatherman у нас заполненность поля в прокате. Джейсон именно этот файл у нас является опускающимся скриптом в приложении так вот ну.. Вот именно для команд для команды запуска в дальнейшем нашего приложения, что там нам необходимо было редактировать во-первых она мне нужен удаляемого, а также. Мне нужна строка тест мы. Позже напишу свои команды вот сейчас нам нужно вот-вот чтобы выглядел скрип в 5:00 вот в таком вот начальную настройку нашего проекта теперь начнем расширяется для того чтобы можно было комфортно работать начал для начала мы становимся необходимые библиотеки. Нам необходимо во-первых поддержка JavaScript 6 поскольку мы идем в ногу со временем то разработка будет вести технологии используют будем опять же самый популярный сборщик когда я думаю при грамотном использовании он больше чем сборщик — это вот так. Мы конечно же зависимости все который помогает нам транслировать из 2016 в. Москве в честь в 2015-2016 в. Москве 5 это. Бабель вот для начала нам надо установить гидроборт. Это команда. Никита собственная Install хор я устанавливаю команды 72 показывает, что данный либо будет использоваться только в режиме разработки, но не. Продашь мне дали нам сейчас остановится нам будет необходимо необходимо пакеты для transpiling из 5. Е60 установка Property классов подождём ещё немного мы можем понаблюдать вот сейчас мы до сих пор автоматически прописывается в пятницу сон остальные остальные библиотеке мы сейчас все команды запишем блогер. Это необходимо для депиляции es2015 и в. ДОУ просто встаёшь стоит 1 плюс к этому baby.ru. Половин от module exports. Это для того чтобы можно было с портировать модули как в. Северном ноги либо очень похожа на такие языки как Java SE 9 импорт классов всех — это include классов плюс Battle Planet трансформ Class Property этот плагин отвечает за то чтобы переводить класс из из 2016 есть 2015. То бишь из из 7 въезд. Ой мы будем использовать в дальнейшем поэтому на всякий случай вы устанавливали всё готово. Да готова теперь да так же я забыл установить ещё и поддержку декораторов. Мы в своём входе в дальнейшем будем их использовать поскольку мы будем использовать 7 вот ну и. Давайте до доставим Plugin transform декоратор Legacy после того как мы установили все необходимые для того чтобы писать на шестом номер пойдём запускать — это всё. Теперь для этого нам необходимо установить все зависимости для папок. А тут всё немного не знаю проще или сложнее нам необходим сам. Вот так и возможность создавать автоматические. Системы ну просто для того чтобы мы лишний раз не заморачивались и. Для этого нам поможет плагин HTML webpack plugin поэтому мы ставим собственный самолёт. Пак, а также Plugin всё.

0 комментариев
0

Читайте также