Публикации по теме 'react'
Дневник Javascript: пример проекта Redux с API 500px
25 октября 2015 г. — Обновлено 21 ноября 2017 г.
Этот пост был процитирован с Github .
Этот учебник был написан, чтобы сделать простое введение в Redux. Проект был разработан с использованием ES6 и ReactJS, обязательными условиями являются ES6 и ReactJS.
Демонстрация проекта
Установка
Клонируйте репозиторий и установите зависимости.
git clone https://github.com/yildizberkay/redux-example.git
cd redux-example
npm install
npm start
open http://localhost:3000..
Перестаньте бояться Redux.
Если вы фронтенд-разработчик, возможно, вы слышали о Redux. Если вы не являетесь фронтенд-разработчиком или не слышали о Redux, эта статья все равно расскажет вам о классной технологии, которую используют ваши коллеги-фронтенд-инженеры.
Новые разработчики React изучают все основы React, но часто боятся погружаться в Redux. Причиной этого в основном является запутанная терминология, которую Redux приносит с собой, а также более крутая кривая обучения, чем традиционные библиотеки и..
Пакеты NPM и чакры
Для моих коллег-архитекторов и разработчиков программного обеспечения я недавно столкнулся с важным решением. Должен ли я переписать несколько функций приложения, которые мы уже написали в нашем первоначальном MVP reactjs, или найти способ не переписывать.
Я подумал, что должен быть способ не переписывать, а повторно использовать код, который у нас был. Мы хотели реализовать те же функции в новом интерфейсном проекте React, который будет работать на той же платформе API...
Использование Flatlist в React Native 2021
Конечный продукт!
1.Настройка проекта:
import * as React from "react";
import { StyleSheet,Text,View,StatusBar,TouchableOpacity,Dimensions,
Image} from "react-native";
import { SimpleLineIcons } from "@expo/vector-icons";
import { FlatList } from "react-native-gesture-handler";
2. Чтобы показать дату и месяц
let Day = new Date().getDay();
const d = new Date();
const monthNames =..
Популярные интерфейсные фреймворки на 2023 год
По мере приближения 2023 года веб-разработка продолжает развиваться с головокружительной скоростью. Фронтенд-фреймворки играют важную роль в разработке веб-приложений, и для разработчиков жизненно важно быть в курсе последних тенденций и технологий. В этой статье мы рассмотрим самые популярные интерфейсные фреймворки на 2023 год.
Введение
Фронтенд-фреймворки — это предварительно написанные библиотеки кода, которые разработчики используют для упрощения создания веб-приложений. Эти..
Создавайте формы в React без стресса
Простой способ управления проверкой, ошибками, списком измененных полей и т. д.
Честно говоря, существует множество способов управления состоянием формы. У нас есть много вариантов в настоящее время. Наиболее популярны Formik , React Hook Form и React Final Form .
О, и вы можете сделать свой собственный крючок. Самое сложное здесь — выбрать правильный вариант для вашего проекта.
Моя история
Пару лет назад я исследовал управление формами в React в поисках лучшего решения для..
Путешествие по веб-приложению, часть 6: знакомство с CSS (повсеместно!)
Это продолжение части 5 и является частью серии Путешествие по веб-приложениям . В этой статье мы представляем некоторые фактические макеты и стили с использованием CSS-модулей , гарантируя, что мы по-прежнему сможем отображать начальный ответ на сервере и последующую работу на клиенте (т. Е. Универсальный рендеринг ).
Случай для модулей CSS
CSS является глобальным в приложении - классы CSS объявлены глобально и могут использоваться или заменяться более или менее в любом месте..
Новые материалы
Конфигурация Gulp для WordPress - Часть II
Здесь мы переходим ко второй части руководства по настройке Gulp для оптимальной разработки WordPress. Если вы пропустили первую часть, где мы установили все модули, необходимые для задач,..
LACTF — сеть/метавселенная
В lactf я смог решить задачу веб/метавселенной.
Ниже приведен исходный код, предоставленный здесь
Из исходного кода видно, что флаг — это отображаемое имя администратора...
GraphQL — Язык запросов — Часть 1
Первое, что нужно знать: GraphQL — это спецификация (как она должна работать и выглядеть), а не реализация. GraphQL не нужно устанавливать, вы реализуете его с помощью серверной библиотеки,..
Будущее машинного обучения в Индии
Будучи связанным с интенсивно развивающимся языком, непрерывные технологические достижения наверняка поразят сектор машинного обучения, который вот-вот сформирует долгосрочную перспективу машинного..
Сравнение Clojure IDE — Emacs/Cider и IDEA/Cursive
Введение
Недавно я редактировал сообщение в блоге, в котором брал интервью у жителей Метосинии относительно их любимых редакторов Clojure . Было довольно интересно увидеть, что используется..
Строки, регулярные выражения и шаблонные литералы — Часть 1 | Понимание ES6
Строки, несомненно, являются одним из самых важных типов данных в любом языке программирования.
Строки есть практически в каждом языке программирования, и научиться их эффективному..
7 признаков того, что вы все еще начинающий веб-разработчик
В этой статье я расскажу о 7 признаках того, что вы все еще начинающий веб-разработчик. Это вещи, в которые время от времени могут впадать даже опытные разработчики, поэтому не беспокойтесь,..