Публикации по теме 'create-react-app'
Политика безопасности контента (CSP) в приложении Create-React (CRA)
Политика безопасности контента (CSP) в приложении Create-React (CRA)
Написание подходящей политики CSP может потребовать некоторых изменений в конвейере сборки приложения для получения и вычисления хэшей для используемых встроенных скриптов и стилей. CRA - один из инструментов сборки, который я использую в разных проектах.
Я пытаюсь добавить несколько встроенных скриптов для Google Analytics и Hubspot. Также я предпочитаю сохранять runtime js как встроенный скрипт. Я решил..
Развертывание приложения create-response-app в Microsoft Azure
Создание приложений React никогда не было таким простым с появлением таких инструментов, как create-react-app или next , но их развертывание стало одновременно простым и сложным.
Поскольку я обычно развертываю приложения в Microsoft Azure, было естественно развернуть новый блестящий интерфейс на веб-сайте Azure. Инструмент CLI может создать ваше приложение React, которое может служить простым статическим сайтом, поскольку оно состоит только из одного файла html, одного файла js и набора..
Создайте базовое приложение ReactJS без конфигурации
Существует множество способов создания приложения ReactJs. Цель этого руководства — как можно быстрее приступить к работе с базовым реагирующим приложением.
Это означает, что никаких других причудливых библиотек, таких как Redux, Router, Relay или чего-либо еще, начинающегося с R (похоже, есть тема). Также не будет ни Flux, ни jQuery, ни какой-либо другой асинхронности, и, конечно же, не потребуется настройка через WebPack, Babel или Gulp.
Как нам так легко начать… К счастью, есть..
SSR с приложением Create React v2
Если вы еще не видели, я написал один из них месяц или два назад, ссылка: https://medium.com/@benlu/server-side-rendering-with-create-react-app-1faf5a9d1eff
Я поторопился с написанием статьи, потому что она была не очень хорошо написана, код был отчасти лоскутным (хотя и неплохим) и не касался многих основных концепций. Кроме того, он был написан для React Router v3, поэтому, когда v4 упал, весь мой код был выброшен в окно.
Я подправил его, теперь он стал немного лучше, и код находится..
12 лучших ссылок на React за 2018 год
12 лучших ссылок на React за 2018 год
⚛️ Оглядываясь назад на последние двенадцать месяцев
Каждую неделю более 25 000 разработчиков React всегда в курсе всех лучших ссылок, руководств и инструментов со всего Интернета в React Status - бесплатном еженедельном дайджесте, объединяющем лучшее за последние 7 дней от через экосистему React .
Мы изучили данные за год и купили все вместе, выделив самые популярные ссылки, которыми мы поделились.
📊📈 Итак, вот что разработчики..
Подходы к настройке сборки фронтенд-проекта
Учитывая большое количество инструментов, которые необходимо выбрать и настроить при запуске внешнего проекта, неудивительно, что разработчики ищут и создают способы сделать процесс проще и лучше. В этом посте будут рассмотрены некоторые популярные подходы (а не конкретные инструменты).
Почему оснастка
Инструменты, которые мы выбираем и настраиваем, в основном направлены на достижение следующих целей высокого уровня:
Встройте наш исходный код в работающее приложение для производства..
Создайте приложение Create-React-App (извлеченное) для постановки
В моей работе есть переменные среды, предопределенные командой DevOps, которые должны подчиняться определенным общекорпоративным правилам. Подразумевается, что никакие пользовательские префиксы, такие как the REACT_APP_ , не допускаются как часть имен переменных среды.
Конкретный вариант использования на этот раз - заставить мое клиентское приложение пройти процесс сборки CI с NODE_ENV=staging , чтобы наши бизнес-пользователи могли видеть визуальный маркер «стадии» при тестировании. и..
