В этом материале мы поговорим о файлах компонентов и о структуре React-проектов.
→ Часть 1: обзор курса, причины популярности React, ReactDOM и JSX
→ Часть 2: функциональные компоненты
→ Часть 3: файлы компонентов, структура проектов
Рубрика «ReactJS» - 26
Учебный курс по React, часть 3: файлы компонентов, структура проектов
2018-12-20 в 9:00, admin, рубрики: React, ReactJS, Блог компании RUVDS.com, обучение, разработка, Разработка веб-сайтовУчебный курс по React, часть 2: функциональные компоненты
2018-12-18 в 9:00, admin, рубрики: React, ReactJS, Блог компании RUVDS.com, обучение, разработка, Разработка веб-сайтовВ одном из наших предыдущих материалов мы задавали вам вопрос о том, целесообразно ли сделать на базе этого курса по React серию традиционных публикаций. Вы нашу идею поддержали. Поэтому сегодня мы представляем вашему внимание продолжение курса. Здесь мы поговорим о функциональных компонентах.
Иерархическое внедрение зависимостей в React и MobX State Tree в качестве доменной модели
2018-12-12 в 7:15, admin, рубрики: angular, DDD, dependency injection, di, inversion of control, ioc, javascript, mobx, mobx-state-tree, React, react-ioc, ReactJS, TypeScript, Проектирование и рефакторинг
Довелось мне как-то после нескольких проектов на React поработать над приложением под Angular 2. Прямо скажем, не впечатлило. Но один момент запомнился — управление логикой и состоянием приложения с помощью Dependency Injection. И я задался вопросом, удобно ли управлять состоянием в React используя DDD, многослойную архитектуру, и внедрение зависимостей?
Если интересно, как это сделать, а главное, зачем — добро пожаловать под кат!
Учебный курс по React, часть 1: обзор курса, причины популярности React, ReactDOM и JSX
2018-12-11 в 9:00, admin, рубрики: React, ReactJS, Блог компании RUVDS.com, обучение, разработка, Разработка веб-сайтовПредставляем вашему вниманию первые 5 занятий учебного курса по React для начинающих. Оригинал курса на английском, состоящий из 48 уроков, опубликован на платформе Scrimba.com. Возможности этой платформы позволяют, слушая ведущего, иногда ставить воспроизведение на паузу и самостоятельно, в том же окне, в котором ведётся демонстрация, экспериментировать с кодом. Курс показался нам интересным, мы решили перевести его на русский и преобразовать в формат традиционных публикаций.
Полагаем, этот курс будет полезен всем, кто, что называется, «не умеет в React», но хочет научиться. В то же время, на то, чтобы превратить этот курс в обычные публикации, нужны немалые силы и время, поэтому мы, прежде чем принимать окончательное решение о запуске этого проекта, предлагаем всем желающим оценить курс и поучаствовать в опросе о целесообразности его перевода.
Читать полностью »
Внедряем Angular компоненты в React, Vue и даже JQuery если хотите
2018-12-10 в 12:15, admin, рубрики: angular, React, ReactJS, vue, vuejs, web componentsЕсли вы нашли крутой компонент в npm, но она с приставкой ng, ngx, angular и так далее, то не стоит расстраиваться по этому поводу. Есть много решений, чтобы этот компонент оказался у вас. В данной статье рассмотрим решение, которое официально поддерживается Angular Team, а именно - Angular Elements.
Для практики выберем любой компонент из Awesome Angular.
Читать полностью »
Отладка бага, который не воспроизводится
2018-12-07 в 14:19, admin, рубрики: react native, react-native-svg, ReactJS, Sentry, атомарность, многопоточность, отладка, потокобезопасность, разработка мобильных приложений, Разработка под android, состояние гонки, Тестирование мобильных приложений10 октября 2018 года наша команда выпустила новую версию приложения React Native. Мы рады и гордимся этим.
Но ужас-то какой: через несколько часов внезапно увеличивается количество сбоев под Android.
10 000 сбоев под Android
Наш инструмент мониторинга сбоев Sentry сходит с ума.
Читать полностью »
Почему у React элементов есть свойство $$typeof?
2018-12-06 в 20:15, admin, рубрики: javascript, React, react.js, ReactJS, информационная безопасность, разработка web сайтов, Разработка веб-сайтовО механизме React по предотвращению возможности инъекции JSON для XSS, и об избегании типовых уязвимостей.
О композиции функций в JavaScript
2018-12-05 в 14:40, admin, рубрики: compose, javascript, React, ReactJS, redux, TypeScript, функциональное программированиеДавайте пофантазируем на тему функциональной композиции, а так же проясним смысл оператора композиции/пайплайна.
TL;DR
Compose functions like a boss:
Популярные реализации compose — при вызове создают новые и новые функции на основе рекурсии, какие здесь минусы и как это обойти.
Кратко о redux-saga каналах
2018-12-04 в 14:55, admin, рубрики: javascript, React, react.js, ReactJS, redux, redux-saga, web-разработка, Разработка веб-сайтов, фронтендДобрый день, дорогие друзья.
В данной статье хотел бы максимально просто и кратко описать механизм redux-saga каналов, на примерах приближенных к реальным кейсам, надеюсь у меня это вышло.
Итак, начнем.
Ещё один dsl на Kotlin или как я печатал PDF из react
2018-11-29 в 16:11, admin, рубрики: dsl, html, java, javascript, kotlin, multiplatform, PDF, print, React, ReactJS
Нельзя просто взять и распечатать страницу написанную на React: есть разделители страниц, поля для ввода. Кроме того, хочется один раз написать рендеринг, чтобы он генерил как ReactDom, так и обычный HTML, который можно сконвертить в PDF.
Самое сложное, что у React свой dsl, а у html свой. Как решить эту проблему? Написать ещё один!
Чуть не забыл, всё это будет написано на Kotlin, так что, на самом деле, это статья о Kotlin dsl.
Читать полностью »