Публикации по теме 'front-end-development'


Вам следует делать линтинг в 2019 году
Современный Интернет прошел долгий путь. Теперь у нас есть TypeScript и ES2019, Sass, GraphQL, Webpack, NodeJS, @pika , Loopback 4, Aurelia и Ember. Благодаря этим улучшениям в инструментах, платформах и языках больше логики переместилось из серверной части в интерфейсную; с java / c # на JavaScript / TypeScript; от Tomcat до NodeJS. Это революция или возрождение Интернета . Однако эти технологии также усложнили интерфейсные решения. Эта сложность также делает более важным, чем..

Принципы Flux
Принципы Flux Однонаправленный поток данных Определяющей характеристикой Flux является то, что данные передаются в одном направлении. Вы можете представить себе данные, проходящие серию преобразований, действий и сохранений, прежде чем они достигнут своего конечного пункта назначения, представления. В магазинах нет сеттеров В хранилищах Flux нет доступных прямых методов установки, что означает, что вы можете изменять состояние только через центральный диспетчер. Это приводит к..

Начало моего пути к тому, чтобы стать веб-разработчиком с нуля.
Всем привет! Это мой самый первый пост на Medium и о моем пути программирования. Я пишу этот пост, потому что хочу записать свой собственный путь изучения веб-разработки. Я хочу оглянуться назад через пару месяцев или лет и увидеть, какого прогресса я добился. Думаю, это будет дополнительной мотивацией продолжать в те дни, когда я чувствую, что хочу бросить курить! Я также не видел много сообщений от людей, которые действительно находятся на середине пути обучения, чтобы стать..

Как условно изменить index.html в React
Сделайте ваш контент index.html зависимым от переменных среды При разработке приложения React вам может потребоваться включить или изменить скрипты или HTML-теги в зависимости от среды, для которой вы создаете . Это особенно актуально при работе с SEO или инструментами отслеживания, такими как Google Analytics или HotJar . Как правильно создать приложение React в нескольких средах Сохраняйте отдельную папку сборки для каждой среды..

Транспилеры: Вам это действительно нужно?
Совершенно уверен, что вы использовали один из этих транспиляторов для преобразования одного кода в другой. Один из примеров - преобразование es6 в es5 в предположении, что еще не все браузеры поддерживают es5. Мы также часто используем время, даже не задумываясь о том, зачем нам это нужно и каково это влияние. В этой статье я расскажу, что такое транспилятор и почему нам на самом деле может даже не понадобиться его наличие в нашем приложении. Что такое Транспайлер? Транспилеры или..

Friday Frontend: новая версия возможностей JavaScript
Выпуск этой недели включает в себя дополнительные новые встроенные возможности JavaScript. Мы видим несколько замечательных применений нового синтаксиса литералов шаблонов, глубоко погружаемся в API IntersectionObserver и видим все новые возможности, которые теперь официально являются частью ES2018. Конечно, попутно мы также расскажем о некоторых интересных функциях CSS, услышим несколько интересных новостей об iOS/Safari и получим очень крутое глубокое погружение в то, каково это —..

Сетап The No Tears Cypress
Тестирование пользовательского интерфейса веб-приложения - один из самых неприятных аспектов веб-разработки. Тесты обычно нестабильны, их сложно написать и еще сложнее отладить, когда что-то не работает. Большинство современных решений, таких как Protractor и Nightwatch, основаны на Selenium. Это добавляет поддержку сетки Selenium или использования сторонней сетки в список вещей, которые нужно отслеживать и поддерживать. Это не весело для всех, кто участвует. Входит Сайпресс...