Публикации по теме 'preact'
Магия сервис-воркеров с Workbox и Preact
TL; DR;
Service Workers - это удивительное новое достижение в браузере, которое играет ключевую роль в создании прогрессивных веб-приложений.
Workbox - это супер-инструмент, который поможет вам создать сервис-воркера.
Preact - это фантастический тонкий фреймворк на основе React, который является отличным выбором для создания PWA из-за его небольшого веса и встроенной поддержки PWA.
Preact CLI
Самый простой способ начать работу с Preact - использовать preact-cli . Вам..
Начало работы с Flow и Preact
Preact - это небольшой, похожий на React UI фреймворк, который обеспечивает большую мощность в ~ 3 КБ. Flow - это средство проверки статических типов, которое использует анализ потока данных для создания мощной системы статических типов поверх JavaScript. Этот пост покажет вам, как заставить их работать вместе (спойлер: это действительно просто).
Отказ от ответственности
Многие из приведенных здесь шагов не относятся к Flow. Я собираюсь провести вас через настройку нового проекта с..
Прямое HTML-шаблонирование с помощью TLX
TLX — небольшая (свернутая и сжатая с помощью gzip) мультипарадигмальная интерфейсная библиотека теперь поддерживает прямое HTML-шаблонирование с двусторонней привязкой данных. Так что это значит? Никакого сложного установочного кода, никакого JSX, только старый добрый HTML со стандартным литеральным обозначением шаблона JavaScript. Это не может быть намного проще, чем это:
<div id="message">Hello ${firstName}</div>
First Name: <input id="name"..
Компоненты высшего порядка
История компонентов более высокого порядка.
Грустный раздел
Это Раздел. Раздел всегда хочет быть синим.
const Section = (props) => {
return (
<div style={{ color: props.color }}>
I want to always be blue
</div>
)
}
Раздел был грустный. Что бы он ни говорил своему родителю, его родитель говорил ему, чтобы он был всех цветов.
const App = (props) => {
return (
<Section color=”red”>I want to always be blue 😭</section>
)
}..
Изоморфный React/Preact с Heroku
Rugby News Board — упомянутый в названии побочный проект, представляющий собой простой новостной сайт о регби на китайском языке. Я сделал это, потому что нет новостного сайта регби на китайском языке, а я люблю регби.
Rugby News Board был сначала построен на Rails с простыми новостными каналами. С помощью Rails я смог сделать прототип за 2 дня. Я написал таблицу news с помощью ORM и SQLite. Он работал на Linode VPS, и я сам занимался DevOps.
Героку
Поскольку я прочитал статью..
Использование Preact для сокращения устаревших кодов вдвое
TOAST UI Grid - это библиотека пользовательского интерфейса, которая позволяет пользователям обрабатывать сложные табличные данные в Интернете, а на прошлой неделе было выпущено крупное обновление версии 4! В версии 4 мы избавились от старых Backbone и jQuery и снова переписали всю кодовую базу с помощью Preact . Preact - это крошечная, но мощная библиотека размером 8 КБ при минификации (3 КБ при сжатии с использованием Gzip), которая предоставляет API, похожий на React, а также..
Создайте свой собственный виртуальный DOM, чтобы понять его (часть 1)
В этой статье я хочу обобщить свой опыт создания собственного «виртуального DOM». Звучит слишком амбициозно? Возможно, но это не так сложно, как вы думаете. Как сказано в названии, это будет иметь смысл, когда вы создадите свой собственный, а не читаете тысячи статей об этом.
Изначально меня вдохновил доклад Стефана Джудиса на Web Rebels 2018, так что не стесняйтесь взглянуть на него здесь .
Эта концепция Virtual DOM стала популярной еще в 2013 году, когда был выпущен React ...
