Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 45
create-react-app стал серебряной пулей для frontend? А если мне хочется использовать typescript? Или Dan Abramov переосмыслит flux еще раз? Так жестко завязываться на еще один проект для быстрого старта — опасно, как мне кажется.
Кто такой Дан Абрамов и почему у него столько группи?
eject и пили свои костыли. Я вот отточил настрою вебпака до идеала и смысла во всех этих бойлерплейтах не вижу, если только не универсальный бойлерплейт, где нужно наворачивать костыли, что бы на сервере можно было сделать импорт стилей и картинок в компонентах
Не поделитесь идеальными настройками?
Извиняюсь за ошибки в своем комментарии
github.com/yogurt1/hotux
Boilerplate с процессе разработки, но тут можете увидеть, что вся конфигурация webpack умещается в одном файле на 205 строк
Конфиг универсален для всех сред — клиент, сервер, тесты Karma
В будующем планирую расширить до React Native, Electron и поддержки других библиотек и фреймворков, кроме React
Хуки для импорта компонентов на сервере находятся в файле boot.js
Буду рад пожеланиям и исправлениям
github.com/yogurt1/hotux
Boilerplate с процессе разработки, но тут можете увидеть, что вся конфигурация webpack умещается в одном файле на 205 строк
Конфиг универсален для всех сред — клиент, сервер, тесты Karma
В будующем планирую расширить до React Native, Electron и поддержки других библиотек и фреймворков, кроме React
Хуки для импорта компонентов на сервере находятся в файле boot.js
Буду рад пожеланиям и исправлениям
Использую сейчас на проекте create-react-app. Там много чего не поддерживается, хотя в принципе настроить на webpack это несложно(почти). И вообще webpack (в том числе вышеупомянутый конфиг) не серебреная пуля. Почти удобно. Но реализация немного хромает.
Удивительно бесполезный пост про jquery, судя по тэгу. Хорошо хоть одно слово в статье есть про него. Так скоро будет не найти толковых технических статей, если по ключевым тэгам будут такие публикации выкладывать.
— Круто, т.е. ты хочешь сказать, что я не должен ничего дополнительного устанавливать?
Ну да, не считая npm, кучи зависимостей для указанного модуля и, соответственно, нехилого количества кода, в котором может быть что угодно.
Npm мне друг, но истина — дороже (С)
Если ты когда-нибудь захочешь опубликовать свой сайт
Именно "если", а не "когда"? ;-)
Не всё так мрачно. Ваш знакомый оттачивает свои навыки и продаёт их на реальных проектах. А это хобби, как у женщин плетение бисером или непродаваемые картины. А после деплоя, он станет заложником своего проекта и ему придётся отвлечся от пива в пользу маркетинга своего проекта, допиливания фич и выпиливания багов, сопровождения юзера, оформления ИП для окупания проекта… Он очень боится своего успеха.
— Но я же должен собирать свое приложение и долго ждать пока оно пересобирется каждый раз, когда я что-нибудь поменяю?
— Неа. Если ты делаешь изменения на странице, то она автоматически обновится для тебя. Если ты немного меняешь CSS, то он будет перезагружен на лету, без полного обновления страницы.
Ответ совершенно не отвечает на вопрос. Да ещё и неправильно ответили. Ибо по любому придётся немного, но ждать.
Написал npm install create-react-app -g, а затем в папке «C:\js» написал npm start. Как теперь посмотреть проект? Где я могу что либо поменять, чтобы оно само обновилось? В папке создался только npm-debug.log в котором ничего вразумительного. Что я делаю не так?
Ну если бложик написать или там лендинг, то пойдёт.
А если что-то серьёзное, то вся эта автоматизация идёт лесом и тонет под горой левых зависимостей и требований.
А если что-то серьёзное, то вся эта автоматизация идёт лесом и тонет под горой левых зависимостей и требований.
Да хватит уже.
А я наоборот: с большим удовольствием ушёл от Python+Django к Golang+httprouter. Пишу вручную код SQL для создания таблиц, думаю об оптимизации, генерирую SQL-запросы без всяких ORM, текущий проект (система учёта посещений для внутреннего пользования одной конторы) делаю вообще без единой строчки JS на данный момент и доволен этим. Формы, GET/POST/DELETE, аутентификация через cookie, https, красивый шрифт и щепотка css — больше ничего не надо
Это всё библиотеки созданные Фейсбуком?
А если хозяин этого is-primitive вдруг закоммитит новую версию, согласно своим новым представлениям о примитивах, то он сломает чужой create-react-app?
Да.
На этот случай предусмотрен такой костыль, как npm shrinkwrap.
И что? Они устанавливаются одной командой и никак не усложняют процесс разработки.
Компилер, парсер, трансплайер, минификатор, статический анализатор JS
Lodash, React, Webpack
В этом нет ничего страшного, это нормально
Поставь с десяток пакетов по ключевому слову React и у тебя вырастит папка node_modules аж на 5 мегабайт!
Иногда стоит запускать npm dedupe и npm prune, что бы удалить дупликаты и выпилить лишние пакеты, от которых ничего не зависит
Пора бы уже научится использовать npm или не использовать его вообще, как и все, что связано с JS
Lodash, React, Webpack
В этом нет ничего страшного, это нормально
Поставь с десяток пакетов по ключевому слову React и у тебя вырастит папка node_modules аж на 5 мегабайт!
Иногда стоит запускать npm dedupe и npm prune, что бы удалить дупликаты и выпилить лишние пакеты, от которых ничего не зависит
Пора бы уже научится использовать npm или не использовать его вообще, как и все, что связано с JS
— Неа. Если ты делаешь изменения на странице, то она автоматически обновится для тебя. Если ты немного меняешь CSS, то он будет перезагружен на лету, без полного обновления страницы.
Будет, но не все части приложения могут быть так перезагружены, поэтому периодически обновлять страницу всё-таки придется.
Отговорили! Даже не буду начинать писать на js в 2016,… и во-вторых, уже 2017 скоро начнется, может что-нибудь придумают получше.
— Самый простой способ — это написать npm install create-react-app -g в терминале и можешь сразу начать работать над проектом. Если ты делаешь изменения на странице, то она автоматически обновится для тебя. Если ты немного меняешь CSS, то он будет перезагружен на лету, без полного обновления страницы.
— Круто, а как это работает под капотом?
— Э-э-э-э…
— А чем отличается абстрактный класс от интерфейса?
— Слушай, ты сайт хотел? — на сайт, отстань со своими вопросами!
— Круто, а как это работает под капотом?
— Э-э-э-э…
— А чем отличается абстрактный класс от интерфейса?
— Слушай, ты сайт хотел? — на сайт, отстань со своими вопросами!
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Каково это, на самом деле, писать на JavaScript в 2016 году