Если вы последние пару месяцев не жили в пещере, вы, вероятно, слышали о Preact , 3-килобайтной альтернативе Facebook React. Но знаете ли вы, насколько легко создать PWA (прогрессивное веб-приложение) со всеми прибамбасами, такими как вход в систему, база данных в реальном времени и т. Д., Просто с помощью Firebase и MobX ? Что мы делаем? Для этого урока мы создадим небольшое приложение для чата. Живую демонстрацию можно найти здесь , и я также загрузил код на GitHub ...

Обновление: 10 января 2017 г .: Если вы используете Typescript 2.1 или выше, вы можете заменить любое упоминание typescript@next на typescript - необходимая опция (`jsxFactory ') теперь находится в стабильной версии :) В этом руководстве мы собираемся установить минимум , необходимый для использования Preact с Typescript . Никаких горячих модулей или сложных конфигураций Webpack (мы будем использовать Webpack, но в его простейшей форме), только фактические части, которые вам..

На сегодняшней встрече ReactJS Denver я выступал с докладом о Preact . В части 1 описывается Preact, почему вы можете захотеть его использовать и какие компромиссы вы должны сделать, не используя полную версию React. Во второй части рассказывается о том, что Preact делает внутри для визуализации и различий в простом приложении. Многим людям виртуальный дом и компонентная модель кажутся глубокими загадками, которые простым смертным не следует пытаться понять. Как я надеюсь, это не..

Выжимаем каждый байт в веб-приложениях ради скорости и большего блага Я часто просматриваю Интернет на своем старом телефоне, бесконечно ожидая загрузки приложений только для того, чтобы щелкнуть не ту кнопку, потому что какой-то другой элемент HTML отображается немного позже, чем кнопка. При нажатии на кнопку открывается другая ссылка. Почему веб-страницы не могут быть ... светлее? Есть много способов увеличить скорость рендеринга страницы. Один из способов, на котором я хотел бы..

Битва JavaScript Framework: «Hello World» в каждом интерфейсе командной строки Мне просто было интересно, учитывая, что большинство крупных фреймворков JavaScript в настоящее время предлагают инструмент интерфейса командной строки (CLI) - для автоматизации создания новых проектов и создания производственных активов - как они на самом деле сравниваются друг с другом ? Я имею в виду, что они все должны иметь одинаковую «приблизительную оценку», когда дело доходит до размера пакета /..

Страна JavaScript браузеров не была тем местом, где я думал, что буду сражаться за скорость. Много лет назад скорость компьютеров и интернета становилась все быстрее и быстрее. Затем появились мобильные телефоны, уносящие нас в прошлое. Экраны стали меньше, соединения стали медленнее, а мощность процессора / графики снизилась. Наши закусочные веб-приложения, Grubhub и Seamless , использовали AngularJS с 2014 года и Angular с 2017 года после длительного обновления /..