Свързани публикации 'nextjs'
Карта на Baidu с листовка за реакция
Карта на Baidu с листовка за реакция
Ще говорим за:
1. Какво е react-leaflet? 2. Как да добавите плочка за карти на Baidu? 3. Как да създадете персонализиран CRS за карти на Baidu? 4. Демо връзката е в края
1. Какво е React-leaflet?
Leaflet е JavaScript библиотека с отворен код за удобни за мобилни устройства интерактивни карти, тя ще ви позволи да правите каквото искате, като добавяне на маркери, изскачащи прозорци, форми и т.н.
2. Как да добавите плочка с карти на Baidu..
Използване на Javascript библиотеки от страна на клиента с Next.js
И така, онзи ден се опитвах да интегрирам страхотния wowJS в моето ново приложение nextJS за плавни onScroll анимации. Оказа се: това не е толкова тривиално, колкото си мислех, че ще бъде, тъй като wowJS се изпълнява от страна на клиента (тъй като се нуждае от атрибута на прозореца), а NextJS е известен с това, че е рендиран от страна на сървъра (SSR) React Code. Или за да бъдем точни, не е толкова трудно, ако знаете как работи.
Тоест, вместо обичайното импортиране на най-високо ниво,..
5 причини да използвате Next.js: Отключете силата на React за създаване на мощни уеб приложения
Въведение
Next.js е React рамка с отворен код, която позволява на разработчиците бързо да създават мощни, динамични уеб приложения. С широката гама от функции разработчиците могат да създадат по-добри потребителски изживявания и да предоставят повече функционалност на своите уеб приложения. От неговите готови функции като изобразяване от страна на сървъра...
Next.js 13 не е готов за производство
Това е моето мнение за това защо Next.js 13 се чувства незавършен и му липсват много основни начини, за да бъде използван в сериозно производствено приложение. Не ме разбирайте погрешно, не съм хейтър, next-13 предлага някои наистина мощни нови функции и съм сигурен, че бъдещите версии ще покрият тези аспекти.
1. Липса на конкретно решение за междинен софтуер
Въпреки че следващите 13 представиха файла middleware.js, не забравяйте, че той не е верижен като експресен междинен софтуер,..
Next.js: Бъдещето на React
Next.js: Бъдещето на React
Next.js е рамка на React, която се използва за изграждане на статични и изобразени от сървър уеб приложения. Това е мощен инструмент, който може да се използва за създаване на изключително динамични и удобни за SEO уебсайтове.
Next.js е изграден върху React, но предоставя редица функции, които улесняват изграждането на готови за производство уеб приложения. Тези функции включват:
Генериране на статични сайтове (SSG): Next.js може да се използва за..
Може да не се нуждаете от изчакване от най-високо ниво в Next.js
Днес ще проучим малко функцията за изчакване от най-високо ниво, въведена в ES2022, и ще обясним защо може да не я използвате във вашия проект по време на процеса на разработка, въпреки че това е страхотна добавка към функцията. Любопитен? Нека го копаем!
Очаквайте кратко въведение към най-високото ниво
Както знаете await е характеристиката на асинхронния JavaScript и за да използваме await трябва да имаме функция async .
const msg = async () => { // async function
const..
React Hook Form — Полета на условна форма с потребителски интерфейс на Chakra
Внедряването на условни полета с помощта на React Hook Form в react/nextJS всъщност е доста просто и може да създаде мощно потребителско изживяване. Ето как.
демонстрация: https://codesandbox.io/s/chakra-ui-conditional-fields-pt4ivf
Предпоставки:
Основни познания за React Hook Form 7 Потребителски интерфейс на Chakra (или друга библиотека с потребителски интерфейси) Основни познания за NextJS/React
Приготвяме се да започнем
В тази статия ще използвам популярната UI..