Публикации по теме 'react'
Как Babel помог сэкономить 710 КБ из производственного пакета и что это намного больше, чем esnext…
Я начну с того, что скажу, что клиентские пакеты в моей компании слишком велики, вроде бы очень велики, или даже удручающе велики.
Я чувствую себя лучше, зная, что раньше они были намного больше, наши приложения в основном используются в современных браузерах на ~ современных компьютерах, и какие бы другие оправдания я ни придумал, чтобы не чувствовать, что я терплю неудачу каждое мгновение дня.
Многие разговоры о производительности в Интернете (по крайней мере, то, с чем я..
React — JS 1O1 — Часть 1 — Hello World
Привет всем, мы можем изучать как React, так и JavaScript бок о бок, нам не нужно иметь глубокие знания JavaScript для запуска React.
Идея этой серии состоит в том, чтобы вместе изучить React и JavaScript, создав проект. Мы изучим необходимый JavaScript на основе написанной нами программы React.
Начнем с Hello World
Начиная с CodeSandBox
Самый простой способ начать работу с React — это CodeSandbox.
Google codesandbox React Нажмите на первую ссылку
Мы увидим игровую..
Формы и состояние использования в React
Общий обзор использования useState в формах приложения React.
useState — это «крючок» React. Хук добавляет функциональности вашему приложению. useState может отслеживать элементы состояния, такие как значения формы. Чтобы получить доступ к хуку useState , вам нужно будет его импортировать: import { useState } from “react”;
Работа с переменными состояния
Определите переменную состояния, функцию для установки состояния и начальное…
Краткое руководство по разработке ES6 - Часть 1
Область видимости, циклы, структуры данных и многое другое
В этой статье мы собираемся изучить, какие новые функции появились в ES6 и как их использовать, а также рассмотрим быстрые примеры, чтобы понять улучшения по сравнению с ES5. Список новых функций довольно большой, но здесь мы остановимся на некоторых наиболее часто используемых. Мы также узнаем, как использовать передовой опыт в повседневных задачах разработки.
ES9 обсуждается, но ES6 до сих пор полностью не поддерживается..
Устали от Redux, Recoil, MobX и других? Время изучить другой способ управления состоянием
После того, как я пишу интерфейсный код в течение еще семи лет, дорабатывая проекты, переосмысливая, я чувствую себя все более и более уверенным в том, что некоторые из вещей, которые используются ежедневно, должны быть подвергнуты сомнению, один из которых касается сегодняшних широко принятых практик в управлении состоянием. 🙏. Я бы поделился некоторыми мыслями в этой статье для исследования.
Почему бы не использовать Redux, Recoil, MobX, Zustand, Jotai или Valtio
К настоящему времени,..
Как создать уровень маршрутизации в React и зачем он вам нужен
В одностраничном приложении React маршрутизация относится к процессу навигации между разными страницами без запуска полной перезагрузки страницы. Приложение изначально загружает одну HTML-страницу. Затем он динамически отображает различные компоненты на основе взаимодействия с пользователем.
Поскольку в React нет встроенных возможностей маршрутизации, вам необходимо реализовать его с помощью сторонней библиотеки. Каждая библиотека уникальна, но обычно происходит то, что вы в конечном..
Как передавать данные между компонентами React?
Допустим, вы хотите передавать данные между компонентами React. Как я видел, есть несколько способов сделать это. То, что я собираюсь показать здесь, является лишь одним из них. Он не использует ничего внешнего, так что это хороший способ (ИМХО) попрактиковаться в навыках React. В моем случае мне нужно было получить пользовательский ввод от одного компонента к другому. Для этого я научился передавать данные между этими двумя с помощью третьего (родительского) компонента. Я постараюсь..