Публикации по теме 'react'
Изучаем React JS
На протяжении всего моего путешествия по веб-разработке, до сих пор изучающего основы, такие как HTML, CSS и JS… Я построил React JS на этом пьедестале по какой-то причине и точно не знаю, почему. И это было так пугающе.
Но, изучив основы веб-разработки, я обнаружил, что наконец достиг точки, когда я могу применить свои навыки в этой постоянно растущей библиотеке JS, и я не мог быть более взволнован (хотя изначально был перегружен).
Изначально я знал, что React процветает благодаря..
Как быстро создавать классы div в приложении React с помощью VSCode на Mac
Вы видели, как ютуберы делают .classname , а затем быстро появляется класс с div и задаются вопросом, как сделать то же самое в вашем приложении React?
Немного подробностей о том, что я говорю. Допустим, кто-то набирает div.App , и оно каким-то образом меняется на <div className="App"></div> ? Что ж, он называется emmet и по умолчанию работает с файлами HTML, но не с файлами приложений React.
Итак, вот как активировать его в несколько шагов для вашего приложения..
Еженедельный выпуск React 36
Добро пожаловать в 36-й выпуск React Weekly, еженедельный обзор последних ссылок и руководств по React и React Native.
Aspect — быстрая сборка пользовательского интерфейса визуальная сборка компонентов React. Синхронизируйтесь с вашей кодовой базой. aspect.app
Release v1.22.0 · microsoft/playwright Playwright Test теперь может тестировать ваши компоненты React, Vue.js или Svelte. Вы можете использовать..
Реагировать, чтобы реагировать на родной
автор, Джон Кристи
Это всегда отличная возможность иметь в своем портфолио и навык, который клиенты оценят и заплатят за него! Не только адаптивные веб-приложения, которые хорошо смотрятся на ладони, но и вариант для реального приложения iOS или Android .
Итак, вот как вы можете превратить существующие приложения React в сенсорный значок на своем телефоне!
При превращении веб-приложения React в мобильное приложение React Native необходимо учитывать несколько важных шагов:..
Динамические заполнители в React
Создавая приложение Waterbowl Checkin для 🐶s, я хотел иметь динамическое место для поля comment в отметке. Собаки могут быть непредсказуемыми, как мы знаем, поэтому я хотел внести некоторую случайность в заполнитель.
Мне все еще не хватает метода Ruby shuffle при работе с JavaScript, но я использовал этот обходной путь , чтобы перетасовать несколько возможных собачьих комментариев.
Вдохновленный классикой Сандры Бойнтон (и одной из любимых книг моих детей) Собачки , я собрал..
Коротко: Виртуальный DOM React
Всем привет, сегодня в этой короткой статье давайте поговорим о важной концепции React — виртуальном DOM.
DOM или объектная модель документа — это программный интерфейс для HTML. Благодаря этому и использованию JavaScript (в большинстве случаев) мы можем иметь доступ к определенным элементам HTML-страницы, манипулировать ею и делать веб-страницы более динамичными.
Мы можем изменять и создавать элементы из документа. DOM обычно представляется в виде древовидной структуры узлов, где..
Создание контролируемой формы с помощью React Hooks
React предоставляет мощную модель для обработки входных данных формы и управления поведением формы с помощью ее состояния. В этом посте я проведу вас через создание контролируемой формы в React с использованием функциональных компонентов и хуков.
Шаг 1: Создайте новый функциональный компонент React
Наш первый шаг — создать новый функциональный компонент React. Этот компонент будет содержать нашу форму.
Шаг 2: Инициализируйте состояние с помощью хука useState
Внутри нашего..
Новые материалы
Конфигурация Gulp для WordPress - Часть II
Здесь мы переходим ко второй части руководства по настройке Gulp для оптимальной разработки WordPress. Если вы пропустили первую часть, где мы установили все модули, необходимые для задач,..
LACTF — сеть/метавселенная
В lactf я смог решить задачу веб/метавселенной.
Ниже приведен исходный код, предоставленный здесь
Из исходного кода видно, что флаг — это отображаемое имя администратора...
GraphQL — Язык запросов — Часть 1
Первое, что нужно знать: GraphQL — это спецификация (как она должна работать и выглядеть), а не реализация. GraphQL не нужно устанавливать, вы реализуете его с помощью серверной библиотеки,..
Будущее машинного обучения в Индии
Будучи связанным с интенсивно развивающимся языком, непрерывные технологические достижения наверняка поразят сектор машинного обучения, который вот-вот сформирует долгосрочную перспективу машинного..
Сравнение Clojure IDE — Emacs/Cider и IDEA/Cursive
Введение
Недавно я редактировал сообщение в блоге, в котором брал интервью у жителей Метосинии относительно их любимых редакторов Clojure . Было довольно интересно увидеть, что используется..
Строки, регулярные выражения и шаблонные литералы — Часть 1 | Понимание ES6
Строки, несомненно, являются одним из самых важных типов данных в любом языке программирования.
Строки есть практически в каждом языке программирования, и научиться их эффективному..
7 признаков того, что вы все еще начинающий веб-разработчик
В этой статье я расскажу о 7 признаках того, что вы все еще начинающий веб-разработчик. Это вещи, в которые время от времени могут впадать даже опытные разработчики, поэтому не беспокойтесь,..