Сегодня мы представляем вам первую часть перевода.
этот большой материал.
Он посвящен подробному разбору новых возможностей React, появившихся в этой библиотеке начиная с 16 версии.
Автор этого материала занимается программированием 5 лет. В прошлом он был дизайнером и пробовал себя в качестве иллюстратора.
Он включил в статью комиксы, которые, по его мнению, помогут читателям лучше понять, о чем здесь идет речь.
Первоначальное название этой статьи — «Возрождение React: раскрыты все обновления React, начиная с версии 16».
Название намекает на то, что читателю, который, возможно, уже знаком с React, предлагается заново познакомиться с этой библиотекой.
Повторное знакомство с React поможет ему систематизировать то, что он уже знает, и открыть для себя что-то новое.
Как читать этот материал?
Прежде чем читать эту статью, вы можете скачать электронная книга , который распространяется бесплатно.Он представляет собой тот же материал, отформатированный как отдельный файл PDF, Epub или Mobi. Книга содержит примеры кода с подсветкой синтаксиса.
Возможно, вам будет удобнее одновременно читать материал и работать с кодом, опираясь на книгу.
Кроме того, рекомендуется использовать этот хранилище.
В нем вы можете найти код обсуждаемых здесь примеров.
Для кого и почему написан этот материал?
Я написал свое первое приложение React около 4 лет назад. С тех пор фундаментальные принципы React не изменились.У нас по-прежнему тот же декларативный код и те же компоненты.
Это все хорошо, но способ написания современных приложений React отличается от того, каким он был раньше.
За прошедшие годы в React появилось много нового, а некоторые вещи были удалены из этой библиотеки.
Если вы давно изучаете React, вполне возможно, что вы не особо хорошо разбираетесь в новых возможностях этой библиотеки.
Кроме того, даже те, кто следит за нововведениями, вполне могут в них, так сказать, потеряться.
Как исправить ситуацию, поняв, что из старого нужно отбросить, а что из нового принять? Как вы можете выделить те современные функции React, которые могут быть особенно полезны? Даже я, опытный программист, иногда путаюсь, когда мне нужно забыть что-то старое и вместо этого изучить что-то новое.
Это может показаться таким же сложным, как изучение совершенно новой концепции.
Если вы тоже чувствуете что-то подобное, то, надеюсь, моя работа поможет вам расставить все на свои места.
То же самое можно сказать и о тех, кто только начал изучать React. Там много устаревшей информации.
Если вы изучите React по довольно старым публикациям, то вы наверняка сможете усвоить основы.
Однако в современной разработке React есть много новых интересных возможностей, заслуживающих вашего внимания.
Лучше узнать об этих возможностях заранее, а не пытаться забыть старые способы работы и вместо этого изучить новые.
Собственно, здесь мы подробно разберем все новое, что появилось в React 16+.
Что нового в React 16+?
На первый взгляд может показаться, что с момента выхода 16-й версии в React было внесено не так много изменений.Но на самом деле это не так.
Вот о чем мы поговорим:
- Новые методы жизненного цикла компонентов.
- Упрощенное управление состоянием с помощью Context API.
- Свойство contextType и функции Context API.
- Применение профайлера: диаграммы, анализ взаимодействия.
- Ленивая загрузка материалов с использованием React.lazy и Suspense.
- Функциональная версия компонентов на основе PureComponent, созданная с использованием React.memo.
- Упрощение приложений React с помощью хуков.
- Расширенные шаблоны проектирования приложений React, основанные на использовании перехватчиков.
Первый раздел посвящен новым методам жизненного цикла компонентов.
Уважаемые читатели! Сейчас думаем, стоит ли переводить продолжение этот материал.
Если тема React-разработки вам близка, приглашаем вас принять участие в голосовании и высказаться в комментариях.
В опросе могут участвовать только зарегистрированные пользователи.
Войти , Пожалуйста.
Стоит ли переводить продолжение материала о новых возможностях React? 91,58% Да 174 8,42% Нет Проголосовали 16 190 пользователей.
18 пользователей воздержались.
Теги: #разработка сайтов #разработка #JavaScript #react.js #react
-
Техподдержка Всего Мира: Да-Да, Эти Ребята
19 Oct, 24 -
Делать Скриншоты Проще!
19 Oct, 24
