Рубрики
Без рубрики

# 1 Начало работы с PREACT – CRACT SERIES

Это будет три части учебника. В первой части я буду объяснять по поводу преиздота … Теги с WebDev, JavaScript, Showdev, WebPerf.

Это будет три части учебника. В первую очередь я буду объяснять по поводу преиздота и как начать.

Мы будем строить приложение Preact, которое будет использовать API, чтобы получить изображения из Unsplash и оказывает одинаковую в браузере.

Преобразование быстро 3KB JavaScript Библиотека Альтернатива реагирует с той же API ES6. Высоко оптимизирован Реализация diffs делает его одним из самых быстрых виртуальных библиотек DOM.

Поскольку PreaCT включает в себя только подмножество функций Rection, он составляет размер библиотеки меньше.

Что касается поддержки браузера, все современные браузеры поддерживаются, включая IE 11.

  1. Легкий, быстрый и меньший по сравнению с реагированием. Вы также можете запустить тесты производительности в вашем браузере через эта ссылка

  2. Официальный Preact’s CLI облегчает создание проектов без конфигурации Babel или WebPack.

  3. Мы можем легко мигрировать от реагирования на преображение с PREACT/COMPAT псевдонимы. Ниже приведена ссылка на PREACTJS документацию о переключении от реагирования.

Переключение от реагирования на преобразование

  1. Пропорциональная проверка.

  2. PreaCT использует родной браузер addeventListener Для обработки событий игнорируя синтетические события.

Примечание:

Синтетические события обертки вокруг собственного события браузера, которые образуют систему событий RACT.

Ссылка на синтетические события

Давайте создадим наше приложение PreaCT.

Установка преобразования в локальном

Запустите команду ниже в вашем терминале, чтобы установить преобразование

npm install -g preact-cli

Вы должны иметь возможность получить доступ к преобразование Команда после успешной установки CLI.

Запустите команду ниже, чтобы создать новый PreaCT Создать проект

preact create default preact-unsplash

Вышеуказанная команда создаст проект PREACT с именем PreaCt-unsplash С настройками по умолчанию

Сейчас беги пряжа dev и посетить http://0.0.0.0:8080 Ссылка в вашем браузере.

🎉 красиво сделано. Спасибо, что следуют вместе. Дайте мне знать в комментариях, если я что-то пропустил.

Оставайтесь настроек для части № 2 из руководства.

Счастливое кодирование 🙂.

  1. Официальная документация по преобразованию
  2. Введение в преобразование

Оригинал: “https://dev.to/imkarthikeyan/1-getting-started-with-preact-preact-series-4ca”

Читайте ещё по теме: