Список статей из серии, рекомендованной пятью звездами

JavaScript React.js
Список статей из серии, рекомендованной пятью звездами

Организовано Дэном Абрамовым по разделам курсаКод для двух наборов курсовзагружены в Github. В приложениях React React с идиоматическим курсом Redux есть некоторые старые коды, которые не работают должным образом под маршрутизатором V4. В этом коде упражнения V4 поддерживается.

------------ Обновление от 01.01.2019 ------------

В течение этого месяца написания резюме и составления прогнозов я просмотрел отчеты о чтении за год и тщательно отобрал несколько серий статей, чтобы поделиться ими. Надеемся, что этот список будет полезен как новичкам, так и продвинутым изучающим JavaScript.

ВНИМАНИЕ:Некоторые ссылки в тексте требуют лесенки, а часть статей на английском языке.Если есть перевод, ставьте перевод напрямую.Если у вас нет перевода, если вы хотите увидеть перевод, я скажу ты тайно, ты можешь датьПрограмма перевода самородковСообщите о проблеме, порекомендуйте ее им для перевода, а затем дождитесь выхода перевода.

1. Учебник по Redux от Дэна Абрамова

Редукс АвторDan AbramovУзнайте, как начать работу с Redux и передовыми методами. Общее время более 4 часов, а каждый такт менее 10 минут. Это также первый раз, когда я смотрю видеоурок на английском языке. Я следил за английскими субтитрами и следовал, и я многому научился. Под каждым видео есть текст видео, и я могу прочитать текст там, где я не могу понять Это. Очень приятно следовать рукописному кодексу мастера~

Getting Started with Redux

Building React Applications with Idiomatic Redux

2. Сделай сам React

Я прочитал много статей о внутренних принципах React, но большинство из них не систематизированы.В этом наборе руководств всего 4 статьи + 1 статья.Полнота и качество достаточно высокие, охватывают основные функции React , включая виртуальный DOM, связанный с JSX, алгоритм сравнения (упрощенная версия), компонент и состояние, волокно в React 16 и т. д., а также подробное объяснение и разумный градиент сложности. Подробная версия алгоритма diff рекомендует эту статью.Серия анализа исходного кода React - невероятная реакция diff.

Didact: a DIY guide to build your own React

Didact: Rendering DOM elements

Didact: Element creation and JSX

Didact: Instances, reconciliation and virtual DOM

Didact: Components and State

Didact Fiber: Incremental reconciliation

3. Самодельная двусторонняя привязка данных и вычисляемые свойства

В большинстве случаев количество лайков и качество статьи положительно коррелируют, но если смотреть только на количество лайков, то легко пропустить эти две качественные статьи. Она была переведена год назад, и я перечитал ее несколько раз в этом году.Такую хорошую статью не может увидеть больше людей.Мне очень жаль.Должно быть, название, которое я перевела, недостаточно хорошо😢

Как создать реактивный движок с помощью JavaScript — часть 1: наблюдаемые объекты

Как создать реактивный движок с помощью JavaScript. Часть 2: вычисляемые свойства и отслеживание зависимостей

4. Изучите функциональное программирование с нуля

На момент составления этой статьи в этой серии было 19 статей, иEric ElliottВсе еще обновляется. Nuggets Translation Project в основном выполнял переводы, и я участвовал в корректуре небольшой его части. Вводит концепции функционального программирования, такие как каррирование, функции высшего порядка, редукция, функтор и категория, монада и композиция функций.

[Сборник] Серия переводов для изучения функционального программирования и написания программного обеспечения с нуля на JavaScript ES6+

5. Рукописные обещания

Промисы используются все чаще и рекомендуются две рукописные серии.Упрощенная версия имеет общее представление о структуре.Обновленная версия понимает исходный код в соответствии с официальной спецификацией и, наконец, завершает относительно полный промис, включая Promise.all, Promise.race и другие функции.

  • упрощенная версия

JavaScript Promises | Understand JavaScript Promises by Building a Simple Promise Example

  • Обновленная версия

Сексуальное обещание, обними ее и раздень

6. Напишите систему управления состоянием

Многие библиотеки и рамки могут помочь нам управлять состоянием, например redux, mobx и vuex и т. Д. Эта статья введет вас, чтобы написать такую ​​государственную систему управления самостоятельно, используйте прокси (прокси) для мониторинга изменений данных и написать модель публикации / подписки кстати.

  • оригинальный

Build a state management system with vanilla JavaScript

  • перевод

[Перевод] Создание системы управления состоянием с помощью собственного JavaScript

наконец

В тексте много статей, первый раз читаешь, до конца не дочитаешь, но каждый раз достаешь и читаешь. каждый раз.

Удалось наткнуться на несколько статей в этой, оцените статьюКак я сменил карьеру с нуля, чтобы стать уверенным фронтендеромАвтор, больше чем сердце