Публикации по теме 'reactjs'
Руководство для начинающих по модульному тестированию с библиотекой тестирования React и Jest: часть 1
Руководство для начинающих по модульному тестированию с библиотекой тестирования React и Jest: часть 1
В этой первой части серии мы собираемся углубиться в следующие темы:
Введение в библиотеку тестирования React/RTL Настройка тестовой среды с Jest и RTL Мы напишем наш первый модульный тест
Эта статья предназначена для разработчиков, знакомых с React и желающих узнать, как эффективно тестировать свои компоненты React.
Чтобы максимально использовать этот учебник, я ожидаю, что..
Рендеринг сервера маршрутизатора React и React
Рендеринг приложения React на стороне сервера может дать несколько различных преимуществ, включая производительность и SEO. Проблема в том, что из-за этих преимуществ ваше приложение усложняется. Мы начнем с нуля и постепенно создадим React (React Router) с рендерингом на стороне сервера, устраняя при этом некоторые сложности.
Полезна ли идея запуска кода JavaScript и на сервере, и на клиенте? Что ж, обычно вы получаете выгоду от повторного использования кода, повышения производительности..
как использовать .env во внешнем интерфейсе React.js
№1. если вы используете react.js с webpack, установите npm i -d dotenv-webpack
№ 2. во-вторых, в webpack.config.js const Dotenv = require(‘dotenv-webpack’) ; и в массив плагинов добавьте, например, plugins:[new Dotenv()] .
Шаг №3: создайте файл .env в корневом каталоге и создайте переменную, скажем, API_KEY=URAPIKEY .
#4 Шаг в файле .js или .jsx компонента, просто извлеките переменную, используя {process.env.API_KEY} , И ВЫ ГОТОВО .
если вам нравится контент, пожалуйста,..
Различные запутанные вещи в javascript
Поскольку новичок в программировании часто сталкивается с различными запутанными вещами, хорошее представление о них повышает ваши навыки программирования. Итак, я собираюсь обсудить эти запутанные вещи.
01. Истинные и ложные ценности
Некоторые значения всегда возвращают true логический контекст, который называется истинными значениями.
List of truthy values:
1. '0' // Zero as a string
2. 'false' // false as a string
3. [] // empty array
4. {} //..
Мое обучение NextJS
На прошлой неделе я начал изучать Next.js для проекта, который мне нужно было реализовать. Это была неделя, полная новых событий и захватывающих открытий.
Во-первых, я был поражен тем, насколько организован Next.js. Он имеет четкую структуру для создания веб-сайтов, поэтому мне не пришлось тратить время на то, чтобы выяснить, куда разместить свои материалы. Это значительно облегчило задачу создания веб-сайта.
Next.js делает что-то классное, называемое «рендеринг на стороне сервера»..
Синтаксис React JSX VS createElement
Как разработчик React, вы, вероятно, используете JSX.
JSX – это расширение синтаксиса для JavaScript, позволяющее писать HTML-подобную разметку внутри файла JavaScript.
Знаете ли вы, что можно использовать React без JSX? Существует устаревший метод createElement . Это выглядит так:
React.createElement(type, props, …children)
Сравните следующие компоненты — один с createElement и один с JSX:
Компонент с createElement
function ComponentWithCreateElement() {
const..
Создание вашего первого пользовательского хука реакции
Если вы не знакомы с React Hooks, они представляют собой способ повторного использования логики и поведения с отслеживанием состояния в ваших функциональных компонентах. Они были представлены в React 16.8 и с тех пор стали популярным способом управления состоянием и побочными эффектами в ваших компонентах.
Одним из распространенных вариантов использования хуков является хранение и извлечение данных из локального хранилища, типа веб-хранилища, которое позволяет хранить данные в браузере..
