Пишу про разработку вообще и в частности про: JavaScript, HTML5, CSS3, AngularJS, ReactJS, Agile.

Асинхронные компоненты на react’е и webpack’е

Постоянно требуется разбивать приложение на части и подгружать постепенно. На то есть достаточно причин: Пользователь меньше ждет пока начнет рендерится интерфейс Можно раньше начать с ним интеракцию (кнопочки начнут раньше реагировать) Меньше пересылать с сервера Меньше рендерить браузеру Дальше используем вот так – предположим у нас есть некий компонент, который хочется подгружать асинхронно он

Мой стартовый проект для разработки на реакте

Я достаточно давно поддерживаю репозиторий с базовым кодом для запуска проекта на реакте – react-webpack-starter. Сам пользуюсь им постоянно и, буду рад, если вы посмотрите и поделитесь своими соображениями. Вообще, я всем рекомендую держать под рукой такой инструмент для экспериментов. Тем более, что если это ваш основной фреймворк, то скорее всего вам ни раз придется

Как пропнуть ререндер компонента в реакте

Реакт сам решает когда рендерить компоненты. Это все хорошо, пока не появляется компонент, который по тем или иным причинам зависит от неких внешних данных и реакт не в курсе, что эти данные изменились. Например, это может быть таблица, колонки которой задаются массивом объектов: Каждый из объектов массива задает название колонки и то как будет выводится

Библиотека компонентов

В жизненном цикле любой разработки наступает момент, когда хочется вынести часть кода в отдельный репозиторий. Потому что уже надоело копировать его из приложения в приложение. А вместо этого хочется просто взять и установить через npm например. Про то как установить через npm поговорим потом, а сегодня – о том как сделать библиотеку компонентов. В нашем

Решение проблемы с анимацией preact, react

В продолжение предыдущего поста “Баг с анимацией в списке“. Проблема была с тем, что не были указаны ключи для элементов в списке. Preact на это не ругается, а просто перестает работать адекватно, react же начинает писать предупреждения в консоли и всячески привлекать внимание. Тут однозначно 1:0 в пользу старшего брата. Однако, только добавив ключи проблема

Вышел новый React 16 – что нового

Итак, наконец-то вышла 16-я версия библиотеки и хочется поговорить о некоторых обновленных и добавленных фичах. Пишу, конечно же о том, что мне в первую очередь бросилось в глаза, если хотите что добавить – велком в комментарии 🙂 Во-первых, ребята подошли массированно к улучшению библиотеки и полностью ее переписали. Вместе с тем API не поменялся, за что

Реакт убирает пункт о патентах!

Все, ReactJS отказывается от пункта про патенты в своей лицензии и выпускает React, Jest, Flow и Immutable.js под лицензией MIT. Стоит, однако, отметить что все это касается, только перечисленных библиотек и react-native, продолжит выходить под старой лицензией с патентами. Вполне возможно, что это будет отменено в будущем. Relicensing React, Jest, Flow, and Immutable.js

Делаем prop для проверки moment в React

Несколько специфическая тема, однако стоит взять на заметку, если пишите под React. Как известно в реакте вы можете определять типы данных, которые ожидает получить компонент. Обычно вы будете это делать с использованием prop-types, однако, если вам нужно что-то специфичное, то придется писать проверку самому. Например, тип данных moment. Можно, конечно в общем виде написать, что

React не будет использоваться в продуктах Apache

Apache Foundation – это серьезная организация, которая пишет немало программного обеспечения на благо общества. Все программные продукты распространяются бесплатно, с открытым исходным кодом. Основаная идея организации “быть универсальным донором” для других. Такой подход подразумевает как можно более широкое распространение кода, по-возможности не ограниченное ничем, только воображением. И основное препятствие в таком развитии, это конечно лицензии.

Обновил react-webpack-starter

Одна из особенностей разработки под веб (а особенно под фронт, чего уж говорить) – это постоянная необходимость обновлять используемые пакеты. А все потому что разработчикам не сидится и они все улучшают и улучшают) Итак, делаем апгрейд моего репозитория react-webpack-starter. В этот раз поменялось много чего: Упростил npm команды, теперь сборка продакшена будет зависеть от передаваемой