предисловие
Первый «Исходный код React» (1) «прошел почти 4 месяца, так как это первый раз, когда исходный код анализирует связанные записи, идеи и записи недостаточно зрелые. Более ста дней я основываюсь на отражении отзывов читателей в этих статьях в этой статье, а также постоянно учусь, чтобы учиться у других превосходных авторов методов письма и идей письма. В конце концов, подведем итоги для написания собственного исходного кода, необходимо улучшить:
вопрос
1. Слишком много примера кода
Это может быть распространенной проблемой при анализе и написании исходного кода. На самом деле, большинство людей могут примерно догадаться, что такое внутренний процесс, из API жизненного цикла фреймворков, таких как vue и react.Слишком много примеров кода вызовет скучное ощущение, а некоторые примеры кода длинные и вонючие, и даже приходится добавлять большой абзац, который серьезно ухудшает впечатление от чтения.
2. Проанализируйте текущий счет
Поскольку код — это рабочая учетная запись для компьютеров, анализ больше не может быть текущей учетной записью для просмотра людьми. Для синтаксического анализа исходного кода самое большое недоразумение — понимать смысл каждой строки и даже каждой переменной, что в конечном итоге приведет к удвоенному результату с половиной усилий. Следовательно, анализ исходного кода должен быть написан с высоким уровнем осознания, а не копаться в рогах или излагать его слово за словом, как монах, читающий священные писания.
3. Отсутствие доработки
Когда мы посещаем уроки китайского языка в средней и старшей школе, нас всегда спрашивают, какова основная идея этой статьи. Точно так же, после написания анализа исходного кода и прочтения анализа исходного кода, что получают авторы и читатели? Многие статьи по анализу исходного кода не говорят нам об этом, читатели вроде бы что-то понимают после прочтения, но они, кажется, не понимают, и они в недоумении.
В ответ на три вышеупомянутые проблемы в сочетании с существующей серией «Анализ исходного кода React» я внес следующие улучшения:
Улучшать
1. Сократите примерный код, максимально используйте краткое изложение языка и графическое выражение.
Принятие и понимание людьми графики намного выше, чем обработка и понимание языка, поэтому такие серии книг, как «Иллюстрированный HTTP», хорошо продаются во всем мире. Новый «Анализ исходного кода React» удаляет множество бесполезных кодов и языковых описаний и вместо этого использует интеллект-карты или блок-схемы, чтобы улучшить впечатление от чтения и уменьшить сложность понимания. Конечно, важные места в исходном коде все равно нужно отображать.
2. Украсить макет статей
При выполнении необходимых образцов кода, если код длинный, фактическое чтение не очень хорошее, особенно на мобильных телефонах, независимо от того, используется ли редактор Nugget или скриншоты кода. Новый «Анализ исходного кода React» будет использоватьcarbonПоказать код.
3. Утончение мысли
Конечным результатом чтения исходного кода является не воссоздание vue/react, а изучение идей и методов, применение их в реальном бизнесе и, наконец, улучшение наших навыков программирования. Новый «Анализ исходного кода React» будет объяснять, что и почему в конце каждой статьи, чтобы читатели могли что-то получить после ее прочтения, и они не будут казаться понимающими или даже потерявшими драгоценное время.
3. Резюме
Новый «Анализ исходного кода React» по-прежнему разделен на четыре части (на основе версии 15), которые, соответственно, объясняют важные концепции React. Каталог выглядит следующим образом:
- «Анализ исходного кода React (1): внедрение и установка компонентов»
- «Анализ исходного кода React (2): типы и жизненные циклы компонентов»
- «Анализ исходного кода React (3): подробные транзакции и очереди»
- «Анализ исходного кода React (4): система событий»
Интеллект-карта выглядит следующим образом (лучший эффект просмотра — под mac):
Четыре статьи подробно описывают каждую часть карты. Если есть какие-либо недостатки, читатели и друзья могут их исправить и обсудить, а также вместе учиться и развиваться.
Контактный адрес электронной почты: sssyoki@foxmail.com