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


Классическая аркада с JS
Мой последний проект в моем Front End Web Developer Nanodegree в Udacity - написать код классической аркадной игры, основанной на игре Frogger . Смысл игры в том, чтобы вывести вашего персонажа из травы над дорогой в воду. Задача состоит в том, чтобы избежать ошибок, которые путешествуют по дороге. Если ошибка затронута, персонаж возвращается в исходное состояние. Достигнув воды, пользователь также возвращается к началу. НАЖМИТЕ ЗДЕСЬ , если хотите попробовать игру..
Адаптивные маркетинговые компоненты TailwindCSS
Бесплатно! Вступление TailwindCSS - это фреймворк на основе утилит для быстрого создания сложных и красивых адаптивных веб-страниц или компонентов. Вы можете легко интегрировать его в свой рабочий процесс для приложений React или аналогичных. Я опубликую код для нескольких простых маркетинговых компонентов, которые вы можете использовать на любом сайте. Для простоты я буду использовать тему по умолчанию и другие настройки. Я буду использовать настройку из другой моей статьи..
У меня 99 проблем, но с лицензией React ни одной
На следующей неделе Facebook собирается перелицензировать React под лицензией MIT. Команды, которые хотели разрабатывать в React, но рассматривали альтернативы, такие как Vue.js, теперь могут начать создавать продукты, не беспокоясь о лицензионных политиках.[ 0 ] И те команды, которые находятся на ранней стадии оценки, теперь могут выбирать React, Vue или Angular в зависимости от своих технических достоинств и потребностей в продукте. Не уверен, что это уменьшит количество..
Reactide  — «Начало работы»
Начало работы в новой среде IDE иногда может быть пугающим. К счастью, Reactide делает это очень просто. Чтобы начать новый проект: Откройте новый проект. Подождите, пока загрузится новый проект, это может занять пару минут, так как Reactide необходимо установить необходимые зависимости и конфигурации. 3. Откройте терминал и запустите npm run reactide-server Чтобы открыть существующий проект: Откройте существующий проект. Перейти к файлу reactide.config.js..
Image-Diff стоит 1000 слов
В 2016 году мы выпустили наш JavaScript SDK , который перенес основные функции Button по отображению функций или услуг одного приложения в другом для мобильного Интернета. В широком смысле это означало, что с нашим фрагментом, установленным на веб-странице, мы могли отображать контекстно-зависимые кнопки, извлекая некоторые данные на основе текущего сеанса, внедряя некоторые стили и DOM и подключая несколько обработчиков событий. Результат выглядел примерно так: Сегодня, спустя много..
Будущее создания компонентов React
До сих пор логика с отслеживанием состояния или данные, которые изменяются в приложении React, были тесно связаны с компонентом на основе классов. Однако это привело к сложному дереву вложенных компонентов, из-за чего передача данных и реквизитов была довольно запутанной, поскольку приложение росло в размере и усложнялось. Хуки изменили все, предоставив доступ к низкоуровневым функциям React вне контекста компонента на основе классов. Если вы когда-либо работали с компонентом на..
Сделайте ваше приложение Vue более совместимым с базовыми компонентами
Последовательность — это то, что отличает хорошие приложения от хороших. Пользователь ожидает увидеть одинаковое поведение и стиль ввода текста, например, на всех страницах приложения. Конечно, бывают случаи, когда нам нужно использовать несколько иную версию этого элемента в какой-то части приложения, но, тем не менее, нам нужно, чтобы все элементы выглядели одинаково во всем приложении. Vuetify — отличный пример фреймворка компонентов, который делает пользовательский интерфейс..