Server-Side Rendering с нуля до профи

  • В данной статье мы разберем влияние SSR на SEO оптимизацию приложения.
  • Пройдем с вами путь по переносу обычного React приложения на SSR.
  • Разберем обработку асинхронных операций в SSR приложениях.
  • Посмотрим, как делать SSR в приложениях с Redux Saga.
  • Настроим Webpack 5 для работы с SSR приложением.
  • А также рассмотрим тонкости работы SSR: Генерация HTML Meta Tags, Dynamic Imports, работа с LocalStorage, debugging и прочее.
Продовжити читання “Server-Side Rendering с нуля до профи”

How to create SVG maps in React with react-simple-maps

Introduction

Maps provide one of the most eye-catching and aesthetically pleasing ways of presenting data tied to geographic locations. When looking to visually present data on a map, one powerful library you can use is D3.js.

Продовжити читання “How to create SVG maps in React with react-simple-maps”

notebookJS: JavaScript и D3 в Jupyter Notebook

Вы когда-нибудь задумывались о том, как здорово было бы использовать визуализацию данных с помощью D3 или React в Jupyter Notebook? Много раз, скорее всего.

Продовжити читання “notebookJS: JavaScript и D3 в Jupyter Notebook”

Быстро о главном: визуализация с D3.js

D3, сокращенно от Data-Driven Documents, —  это библиотека JavaScript, которая позволяет отображать данные самыми разными способами и содействует проверке и управлению элементами DOM.

Продовжити читання “Быстро о главном: визуализация с D3.js”

Next.js: подробное руководство.

Next.js — это основанный на React фреймворк, предназначенный для разработки веб-приложений, обладающих функционалом, выходящим за рамки SPA, т.е. так называемых одностраничных приложений.

Продовжити читання “Next.js: подробное руководство.”

Создавайте диаграммы на React с помощью библиотеки chart.js

В этой статье вы научитесь использовать chart.js в React на простых примерах с использованием статистических данных.

Продовжити читання “Создавайте диаграммы на React с помощью библиотеки chart.js”

Как повысить SEO-рейтинг сайта с помощью Next.JS

Что такое SEO?

SEO расшифровывается как Search Engine Optimization (поисковая оптимизация). Цель SEO  —  разработка стратегии, позволяющей повысить позицию сайта в рейтинге поисковых систем.

Продовжити читання “Как повысить SEO-рейтинг сайта с помощью Next.JS”