Применительно к разработке на create-react-app (CRA) в браузере и в IDE WebStorm. Если вам известны какие-либо другие способы отладки, большая просьба поделиться знаниями.
Рубрика «ReactJS» - 46
Способы отладки JS на клиенте
2017-04-23 в 18:21, admin, рубрики: javascript, ReactJS, вискас, Разработка веб-сайтовФункциональные компоненты
2017-04-16 в 12:00, admin, рубрики: javascript, ReactJS, вискас, Разработка веб-сайтовКак говорится, в редакцию пришло письмо: "не могли бы вы подробно разъяснить..." Отвечаю публично, кому оно надо, а применение можно пощупать тут.
N причин, чтобы использовать Create React App
2017-04-14 в 14:46, admin, рубрики: java script, javascript, JS, ReactJS, Блог компании Plarium, Программирование, разработка игр, метки: create react app
Create React App — отличный инструмент для быстрого старта React-приложений. Вы не тратите время на настройку Webpack, Babel и других привычных инструментов. Они заранее настроены и спрятаны, так что разработчики могут сфокусироваться на коде и бизнес-логике приложения.
Читать полностью »
Flow + tcomb = типизированный JavaScript
2017-04-14 в 12:30, admin, рубрики: javascript, ReactJS, вискас, Разработка веб-сайтовРано или поздно, все приходят к выводу, что нам нужна строгая типизация. Почему? Потому что проект разрастается, обрастает if-ами; функциональное программирование — всё функция — неправда, мне только что консоль сказала "undefined is not a function". Вот эти проблемы появляются всё чаще-чаще, становится сложнее отслеживать, возникает вопрос — давайте строго типизировать, хотя бы на этапе написания кода будет подсказывать.
Знаете рекламу: TypeScript — это надмножество JavaScript-а. Маркетинговый BS. Мы честно попытались, грубо говоря, переименовать проект из JS в TS — оно не заработало. Оно не компилируется, потому что некоторые вещи, с точки зрения TypeScript-а являются некорректными. Это не означает, что TypeScript — плохой язык, но продвигаться на идее надмножества, и подводить меня так, TypeScript — я не ожидал.
Как только вы вычеркиваете TypeScript, остаётся ровно одна альтернатива — Flow. Что я могу сказать про Flow? Flow мегакрутой тем, что заставит вас выучить систему типов OCaml, хотите вы того, или нет. Flow написан на OCaml. У него гораздо строже и гораздо мощнее вывод типов, чем у TypeScript-а. Вы можете переписывать проект на Flow частично. Количество бонусов, которые вам приносит Flow, сложно описать. Но, как всегда, есть парочка "но".
Введение в React и Redux для бекенд-разработчиков
2017-04-10 в 22:40, admin, рубрики: babel, javascript, npm, React, ReactJS, redux, Разработка веб-сайтов
Если вы как я долгое время считали, что JavaScript – это такой «игрушечный» язык на котором пишут анимашки для менюшек и падающий снежинки на форумах под новый год, а потом очнулись в 2016 году с мыслями WTF: react, flux redux, webpack, babel,… не отчаивайтесь. Вы не одиноки. Материалов по современному фронтенду в сети много, даже слишком много. Под катом еще одно альтернативное мнение о том, каково это учить JavaScript в 2016 году.
Читать полностью »
Все новое — это хорошо забытое старое
2017-04-10 в 8:23, admin, рубрики: AngularJS, braindump, Facebook, flux, IT-стандарты, java, javascript, model-view-presenter, mvc, mvp, React, ReactJS, redux, trygveВереница фреймворков и библиотек по очереди восседающих на троне трендов JavaScript мира это уже не новость. Разработчики из других областей даже подшучивают над нами на этот счет.
Вот и мне, в процессе работы, пришлось попрыгать по различным библиотекам и фреймворкам — qooxdoo, jQuery, Ext JS, Backbone.js, Knockout.js, Ember.js, Angular, React.
Не всегда выбор того или иного фреймворка был добровольный, модель outsource и outstaffing накладывает определенные ограничения на мою работу. Я думаю люди из этой же области поймут меня.
Читать полностью »
Организация компонентов в React проекте
2017-04-09 в 16:23, admin, рубрики: javascript, ReactJS, вискас, Разработка веб-сайтовМногие проекты руководствуются рекомендациями Presentational and Container Components, но уважаемый автор признаётся в сносках, что концепция разделения спорная, и компоненты можно смешивать. А если это так, то зачем тащить чемодан без ручки? Все компоненты проекта удобнее хранить в одной общей папке. Какие плюсы:
- Простота навигации по файловой системе.
- Уникальные имена компонентов проекта.
- Импорт без боли ('../../../../../..').
Когда проект вырастит, следует дробить его на приватные npm-пакеты, инкапсулируя реализацию. Но не выращивать дерево подпапок внутри папки компонентов — развивать и поддерживать такое ощутимо сложнее. Проверено.
Читать полностью »
Эволюция на React+Redux
2017-04-07 в 7:21, admin, рубрики: Gamedev, javascript, node.js, nodejs, open source, React, ReactJS, redux, настольные игры, разработка игр
Привет, хабр, я тут написал онлайн версию замечательной настольной игры "Эволюция: Происхождение видов" и хотел бы поделиться своими заметками насчет архитектуры и технических моментов. Сразу уточню — я не пиарюсь, скорее, мне интересно рассказать про ошибки и фичи, а взамен услышать много нового и хорошего о своих решениях и коде.
Отчет и презентации с Moscow JS в офисе Superjob
2017-04-05 в 7:37, admin, рубрики: development, javascript, meet-up, meet-ups, meetup, node.js, ReactJS, SuperJob, superjob.ru, WebGL, Блог компании Superjob.ru, встреча разработчиков, мероприятие, Мероприятия, Москва, программирование как искусство, разработка, события IT профессионаловВ офисе Superjob состоялась встреча JavaScript-разработчиков MoscowJS. Рассказываем, что обсуждали участники, и делимся презентациями.
Александр Савин, Superjob
Трудно переоценить важность тестирования в процессе разработки. Тестирование интерфейсов скриншотами — один из подходов, который не только вовремя сигнализирует о регрессии в CSS, но и позволяет проводить рефакторинг шаблонов и стилей, не меняя тесты, упрощает процесс ревью. Читать полностью »
React Native: Очередная «серебряная пуля» для кросплатформенной разработки?
2017-04-05 в 7:00, admin, рубрики: javascript, react native, ReactJS, Блог компании JUG.ru Group, кроссплатформенная разработка, мобильная разработка, Программирование, разработка мобильных приложенийЕсть революции, которые происходят незаметно. Когда разработчики Facebook выпустили фреймворк React Native, никто не захватывал мосты и телеграфы. Новому подходу к кроссплатформенной разработке мобильных приложений удалось взять в плен самое ценное – мозги нативных программистов. Рассказать о центральной идее React Native, его преимуществах, перспективах и недостатках мы попросили Владимира Иванова.
Владимир более 6 лет занимается разработкой под Android, обладает опытом создания приложений под iOS и Windows Phone. Последний год он увлекся React Native и начал двигать культуру кроссплатформенного кода в EPAM Systems.
Читать полностью »