Публикации по теме 'react'


Разверните Next.js с помощью firebase
Я не нашел достаточно информации на сайте firebase о том, как развернуть Next.js. Ниже приводится то, что я узнал на форумах github / stackoverflow, которые я посетил. Не уверен, что в ближайшее время он будет изменен, но надеюсь, что он все еще будет полезен! Структура папки ├── dist (folder) ├── functions (folder) ├── next (folder ├── public (folder) ├── functions (folder) ├── index.js ├── public (folder) ├── src (folder) ├── firestore.indexes.json ├── firestore.rules ├──..
Обеспечьте масштабируемость вашего проекта. Как структурировать файлы приложения React?
Добро пожаловать, дорогой читатель 👋 В этой статье я собираюсь описать, как правильно структурировать файлы вашего приложения React, чтобы проект можно было легко масштабировать независимо от его размера. Я собираюсь использовать React (> v16.8) + Redux в своем примере, так как это один из наиболее часто используемых технологических стеков.
20 методов оптимизации одностраничных приложений React [обновление 2023 г.]
Для разработчиков эти моменты окажут огромное влияние на производительность вашего приложения React: API на стороне сервера Вызовите критически важные API на сервере, поскольку вызовы между серверами выполняются быстрее, чем клиентские. Кроме того, не торопитесь выполнять все вызовы на сервере, так как это может привести к тому, что сервер будет медленно выполнять запросы. Попробуйте вызвать те API, которые крайне важны для запрошенной страницы. Исходные данные также можно..
несколько вызовов API с обещанием, используя карту и уменьшение
метод сокращения https://codesandbox.io/s/redux-async-actions-cltn0 метод сопоставления https://codesandbox.io/s/redux-async-actions-i1hu1 Я нашел вашу проблему. Это происходит потому, что вы не обрабатываете результат обещания. Для этого просто добавьте функции .then() и .catch() : <FetchButton onFetchClick={() => { store.dispatch(dispatchFunc => { dispatchFunc({ type: "FETCH_DATA_START" }); axios..
React Fragment против
Современный и лучший способ добавления нескольких элементов в компонент React, не заключая их в дополнительные узлы DOM. Когда я начал изучать React, я часто использовал ‹div› в качестве родителя или оболочки для переноса нескольких элементов перед возвратом, но это приводило к ненужному увеличению размера дерева DOM, поэтому, когда я узнал о фрагментах React, которые похожи на ‹div › но не увеличивать DOM-дерево, я обрадовался. Использование ‹div› <div> Hello world..
Демистификация и настройка .babelrc
Привет народ! В последнее время меня интересовало, что такого шума вокруг экосистемы React. Эрик Эллиот сказал: Во-первых, программное обеспечение съело мир, сеть съела программное обеспечение, а JavaScript съел сеть. В 2018 году React съедает JavaScript. Скорее React ест JQuery. :П Как бы то ни было, я настраивал проект React с нуля, и одной из сложных задач, с которыми я столкнулся, было написание файла. babelrc . Я не хотел делать здесь ксерокопирование из какого-то блога..
18 основных инструментов разработчика, которые увеличат вашу производительность в 10 раз
99,9% разработчиков не знают обо всем этом. Я хотел бы поделиться с вами 18 веб-сайтами или инструментами, которые повысили мою производительность, и я надеюсь, что они вам чем-то помогут. 1. # ilovepdf.com "Связь" (от ilovepdf.com ) Все инструменты, необходимые для работы с PDF-файлами, у вас под рукой. Все они на 100% БЕСПЛАТНЫ и просты в использовании! Объединяйте, разделяйте, сжимайте, конвертируйте, поворачивайте, разблокируйте и добавляйте водяные знаки в PDF-файлы всего..