Что мы испытали, от фронтенд-инженеров до фронтенд-архитекторов?

Архитектура внешний интерфейс Flux опрос

предисловие


Фронтенд-архитектор звучит как очень высокое звание. Каждому фронтенд-инженеру, который новичок в индустрии, на собеседовании задают вопрос, какое у тебя будущее направление? Мы можем спокойно ответить: «Ну, в сторону архитектуры, пойдем».. .", Итак, какую трансформацию тела в разум мы испытали за ответом, который кажется джинглом? Ну..., позвольте мне попытаться вспомнить, начать с самого начала и поделиться этим чудесным процессом трансформации.

Когда я впервые увидел слово архитектура, то включил в старую книгу по программированию картавость, но на этот раз для меня архитектура это всего лишь одно слово, два символа и куча понятий.В первый раз я сам произнес это слово, в 14 лет, а затем переключиться на написание кода только что исполнился 1 год, фермеры, у которых на один двор, один год опыта очень неглубокие, как от мышления, так и от чувства, накопилось слишком много, но когда интервьюер напротив спросил: «Что такое будущее направление развития?», я не задумываясь говорю: «в сторону развития инфраструктуры его…» «Как вы думаете, что такое архитектура?», «...»

Это интервью такое длинное, что я забыл, как я отвечал на вопрос и что такое архитектура, но с тех пор, как я произнес слово архитектура, в моем сознании посеялись семена размышлений об архитектуре. Теперь каждый раз, когда я еду в метро, ​​расслабься, или приседание, я думаю об этом вопросе.Хоть я много думаю об этом, этот вопрос до сих пор представляет собой кучу вопросительных знаков в моей голове.Если я хочу разделить всю трансформацию на этапы, я думаю, что этот этап можно назвать[ зародыш архитектурного мышления]

Зарождение архитектурного мышления


Каждый способ мышления имеет отправную точку мышления. Если мы рассматриваем архитектуру как результат действия определенного способа мышления, то, когда мы думаем об архитектуре, мы на самом деле запускаем способ мышления. Непрерывное мышление, наш мозг будет продолжать установить различные связи, эта связь соединит все ваши знания и опыт, и, наконец, получите путь быстрого мышления, чем больше вы думаете, тем глубже понимание, структура будет Постепенно становится ясно в вашем уме, все это, естественно, имеет отправной точкой, то есть зарождением архитектурного мышления

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

Первый раз я попробовал приобщиться к архитектуре после неудачного собеседования.У меня на руках был проект SPA.На тот момент angular1.0 еще не вышел, а backbone еще был популярен.Я полагался на небольшое понимание архитектуру и пытался построить ее сам.Упорядоченный мир кода,результат очевидный провал,потому что у меня недостаточно знаний и опыта,чтобы сделать эффективную архитектуру,но эта попытка заставила меня понять важность архитектуры по сравнению со спагетти код эпохи jQuery, будет Разумное наслоение кода, очевидно, может сделать мир более упорядоченным Будь то MVC, MVW, MVVM, MVP, это попытка разработать приложения с графическим интерфейсом, чтобы улучшить дизайн кода.

На самом деле, на данном этапе мое понимание архитектуры более запутанно, чем было вначале, паттерны проектирования, фреймворки, архитектура, эти слова путаются друг с другом в определенный момент, тупо путаются, а иногда, я влезу в дилемма как их различать.Для решения этой проблемы я прочитал несколько книг и задумался более глубоко.Я обнаружил что одних этих трех понятий недостаточно.Чтобы выйти из этой дилеммы,я обнаружил что необходимо ввести новый инструмент, этот инструмент называется контекстом, также называется контекстом.И этот этап следует назвать [хаос архитектурного мышления]

Хаос архитектурного мышления


Время пролетело быстро. В возрасте 15 лет я поступил на большой завод. Пережив бомбардировку различной информацией и концепциями, мои размышления об архитектуре начали вводить контекст. Я обнаружил, что существуют контексты, шаблоны, рамки. стать менее неуместным. В определенном контексте это может быть паттерн. В определенном контексте это может быть фреймворк, паттерн, фреймворк, а фреймворк можно использовать гибко под комбинацией контекстов. стал обычным инструментом в моем наборе инструментов для проектирования и размышлений об архитектуре.В то же время я начал прикасаться к UML, в дополнение к некоторым концепциям, таким как DDD, TDD, и общим архитектурным шаблонам, таким как гексагональная архитектура и т. д., и Есть новый инструмент «граница», но вскоре я обнаружил, что попал в другое затруднительное положение, некоторые новые инструменты сложно применять в области фронтенда на основе JS, и они полагаются только на паттерны, фреймворки, границы, контексты. спроектированная архитектура трудно поддается дальнейшей доработке.Архитектура фронтенда превратилась в воздушный замок и не может быть приземлилась.Я тупо пытался,но тщетно.Кажется,что этот этап стал более болезненным,да,это как будто иду с опущенной головой После трех тысяч миль я думал, что это конец, но я поднял глаза и обнаружил, что это все еще бесконечная боль.Может, нет никакой "архитектуры" на переднем конце?Я, не желавший принять этот ответ, начал вступать в следующую стадию, которую я называю [Формирование архитектурного мышления]]

Формирование архитектурного мышления


Здесь нет дороги, и она становится дорогой, когда ходит больше людей.Разработка программного обеспечения принесла много концепций из области архитектуры, таких как архитектура, обзор истории и начало от шаблонов проектирования, отсортированных Бандой четырех. разработка претерпела колоссальные изменения, даже UML.Они постоянно развиваются, но на самом деле, есть угол, который не был охвачен в этой области, то есть front-end.JavaScript превратился из игрушечного языка в "ассемблерный язык» в сегодняшней веб-разработке. На самом деле об этом мало кто думает. От архитектуры Flux, предложенной Facebook, интерфейс начал отрываться от влияния истории. Мы обнаружили, что дело не в том, что фронт -end не имеет структуры, но что мы еще не созданы.

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

В 2017 году я ушел с крупного завода и присоединился к квази-листинговой компании, отвечающей за архитектуру интерфейса.После того, как мы поставили галочку, архитекторы интерфейса стали входить в наше поле зрения.Хотя по сравнению с архитекторами вакансий все еще очень мало. в традиционном смысле, но, к счастью, это уже не так редко. С ростом масштабов фронтенда спрос на архитекторов стал подталкивать предприятие к улучшению существующей структуры команды и внедрению архитекторов для лучшего решения проблем. На этом этапе , размышления о структуре стали менее ухабистыми Обладая достаточными знаниями и опытом, я начал строить собственное архитектурное мышление.Благодаря применению архитектуры Flux я обнаружил, что многие внешние проблемы могут быть решены с помощью кольца, которое я называют «кольцевой архитектурой» или «конвейерной архитектурой», данные той же широты обрабатываются в кольце, а сложный поток данных внешнего интерфейса можно хорошо изолировать и управлять им.

Как упоминалось в начале этой статьи, мир кода, который я вижу, начинает иметь слои, структуры и методы для решения хаоса и беспорядка, и я думаю, что это на самом деле только начало карьеры архитектора, последний этап должен быть называется [развитие архитектурного мышления].

Положите холодный рис из краткой книги на наггетсы и поджарьте его, чтобы увидеть, горячий ли он :