Вышел Next.js 10.1
- Ускоренный в 3 раза React Refresh
- Улучшено время установки (были заменены многие устаревшие модули)
- Оптимизация для
- Новое св-во
- В Next.js Commerce появилась интеграция с Shopify
- Настраиваемая страница для серверных ошибок (
- Поддержка поля "extends" в tsconfig.json для проектов на TypeScript
- Теперь при навигации с помощью
- Улучшена документация
#jsrelease #nextjs #frontend #webdev #fullstack #react #javascript
- Ускоренный в 3 раза React Refresh
- Улучшено время установки (были заменены многие устаревшие модули)
- Оптимизация для
next/image теперь происходит через WebAssembly (+ поддержка Apple Silicon)- Новое св-во
loader для next/image, позволяющее добавлять свою собственную CDN для картинок- В Next.js Commerce появилась интеграция с Shopify
- Настраиваемая страница для серверных ошибок (
500.js)- Поддержка поля "extends" в tsconfig.json для проектов на TypeScript
- Теперь при навигации с помощью
next/router страница прокручивается обратно вверх- Улучшена документация
#jsrelease #nextjs #frontend #webdev #fullstack #react #javascript
nextjs.org
Next.js 10.1
Next.js 10.1 introduces 3x faster refresh, 58% smaller install size, 56% less dependencies, WebAssembly Image Optimization, improved next/image support, and more!
use-wallet - React хук для подключения DApp к Ethereum кошельку
- Не привязан к Ethereum библиотекам (не использует Web3 / Ethers и т.д.)
- Отображает текущий баланс
- Поддерживает Metamask, WalletConnect, WalletLink и другие провайдеры
#jslib #javascript #react #frontend #webdev #web3 #ethereum
- Не привязан к Ethereum библиотекам (не использует Web3 / Ethers и т.д.)
- Отображает текущий баланс
- Поддерживает Metamask, WalletConnect, WalletLink и другие провайдеры
#jslib #javascript #react #frontend #webdev #web3 #ethereum
GitHub
GitHub - aragon/use-wallet: 👛 useWallet() · All-in-one solution to connect a dapp to an Ethereum provider.
👛 useWallet() · All-in-one solution to connect a dapp to an Ethereum provider. - aragon/use-wallet
Функционал для email с помощью Node.js, React, Nodemailer и OAuth 2
#jsarticle #javascript #backend #frontend #webdev #react #nodejs
#jsarticle #javascript #backend #frontend #webdev #react #nodejs
DEV Community
How to implement email functionality with Node.js, React.js, Nodemailer, and OAuth2
Nodemailer is a Node.js module that allows users to send messages directly to your email. Th...
react-ogp - React компонент для настройки OpenGraph тегов
- Автоматически ставит
- Форсинг заполнения обязательных полей для OGP объекта, для того чтобы не забыть их заполнить
- Написан на TypeScript
#jslib #react #frontend #webdev #javascript #typescript
- Автоматически ставит
url и secure_url- Форсинг заполнения обязательных полей для OGP объекта, для того чтобы не забыть их заполнить
- Написан на TypeScript
#jslib #react #frontend #webdev #javascript #typescript
GitHub
GitHub - talentlessguy/react-ogp: 🌐 The ultimate React OpenGraph component
🌐 The ultimate React OpenGraph component. Contribute to talentlessguy/react-ogp development by creating an account on GitHub.
react-tiny-link — React компонент для превью ссылок
- Не использует бекенд
- Поддерживает превью сайтов и медиа
- Написан на TypeScript
#jslib #javascript #react #typescript #frontend #webdev
- Не использует бекенд
- Поддерживает превью сайтов и медиа
- Написан на TypeScript
#jslib #javascript #react #typescript #frontend #webdev
Полноценный гайд по инкрементальной статической генерации в Next.js
#jsarticle #javascript #nextjs #frontend #webdev #react
#jsarticle #javascript #nextjs #frontend #webdev #react
Smashing Magazine
A Complete Guide To Incremental Static Regeneration (ISR) With Next.js — Smashing Magazine
Incremental Static Regeneration (ISR) is a new evolution of the Jamstack, allowing you to update static content instantly without needing a full rebuild of your site. The hybrid approach of Next.js allows you to use ISR for e-commerce, marketing pages, blog…
use-nft - React хук для получения информации о любом NFT
#jslib #react #web3 #webdev #frontend #javascript #nft #ethereum #blockchain
#jslib #react #web3 #webdev #frontend #javascript #nft #ethereum #blockchain
GitHub
GitHub - bpierre/use-nft: 🍮 React hook to fetch metadata from any NFT.
🍮 React hook to fetch metadata from any NFT. Contribute to bpierre/use-nft development by creating an account on GitHub.
Inspx — React компонент для инспектирования макета
Позволяет отлаживать внутренние и внешние отступы, размеры, высоту и ширину
#jslib #jstools #javascript #react #frontend #webdev
Позволяет отлаживать внутренние и внешние отступы, размеры, высоту и ширину
#jslib #jstools #javascript #react #frontend #webdev
GitHub
GitHub - raunofreiberg/inspx: Pixel perfect layout inspection.
Pixel perfect layout inspection. Contribute to raunofreiberg/inspx development by creating an account on GitHub.
Вышел Next.js 10.2
- prod сборка на 60% быстрее с помощью кэширования
- fast refresh ускорился на 0.1-0.2s
- запуск
- улучшена доступность
- расширен функционал redirects / rewrites
- автоматическая оптимизация шрифтов
#jsrelease #nextjs #fullstack #frontend #webdev #react #javascript
- prod сборка на 60% быстрее с помощью кэширования
- fast refresh ускорился на 0.1-0.2s
- запуск
next dev на 24% быстрее- улучшена доступность
- расширен функционал redirects / rewrites
- автоматическая оптимизация шрифтов
#jsrelease #nextjs #fullstack #frontend #webdev #react #javascript
nextjs.org
Next.js 10.2
Next.js 10.2 introduces performance improvements (faster builds, refresh, and startup), improved accessibility, Automatic Webfont Optimization, and more!
Logux - менеджер состояния для React, Vue и Svelte от создателя PostCSS
- Весит всего 157 байт и не имеет зависимостей
- Библиотека довольно быстрая, благодаря атомарному состоянию, которое не вызывает ререндер каждого компонента
- Хорошо работает с tree-shaking
- Не использует CPU и память пока не рендерятся компоненты, подписанные на состояние
- Поддерживает TypeScript
#jslib #javascript #react #svelte #vue #frontend #webdev #typescript
- Весит всего 157 байт и не имеет зависимостей
- Библиотека довольно быстрая, благодаря атомарному состоянию, которое не вызывает ререндер каждого компонента
- Хорошо работает с tree-shaking
- Не использует CPU и память пока не рендерятся компоненты, подписанные на состояние
- Поддерживает TypeScript
#jslib #javascript #react #svelte #vue #frontend #webdev #typescript
GitHub
GitHub - nanostores/nanostores: A tiny (298 bytes) state manager for React/RN/Preact/Vue/Svelte with many atomic tree-shakable…
A tiny (298 bytes) state manager for React/RN/Preact/Vue/Svelte with many atomic tree-shakable stores - GitHub - nanostores/nanostores: A tiny (298 bytes) state manager for React/RN/Preact/Vue/Svel...
Интеграция Notion и Next.js
#jsarticle #nodejs #nextjs #fullstack #notion #frontend #react #webdev #backend
#jsarticle #nodejs #nextjs #fullstack #notion #frontend #react #webdev #backend
BlogPop by Georgey
How to use Notion API with NextJS
Notion API is finally here, and it's so cool. But you must be wondering what is Notion in the first case? Well, it's a powerful productivity tool for managing your daily day-to-day tasks, or maybe jotting down a lot of ideas you want to put up in you...
Gqless - GraphQL клиент, в котором не нужно писать запросы
Работает в рантайме с помощью
Например:
const { countries: { flag } } = useQuery()
создаст GraphQL запрос
Из фич:
- Типы из коробки
- Работает с React, включая Suspense и хуки
- Готов к использованию в продакшене (поддерживает кэширование, SSR и т.д.)
#graphql #jslib #javascript #react #frontend #webdev
Работает в рантайме с помощью
Proxy API, который смотрит, какие поля были запрошены.Например:
const { countries: { flag } } = useQuery()
создаст GraphQL запрос
query { countries { flag } }Из фич:
- Типы из коробки
- Работает с React, включая Suspense и хуки
- Готов к использованию в продакшене (поддерживает кэширование, SSR и т.д.)
#graphql #jslib #javascript #react #frontend #webdev
