{"draftJsState":{"blocks":[{"data":{"image":{"id":"644d0d784581986bf441a5c6"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"35b7l"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":22,"offset":10}],"inlineStyleRanges":[],"text":"Источник: Nuances of Programming","type":"unstyled","key":"1lrqg"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":89,"offset":0}],"inlineStyleRanges":[{"length":40,"offset":0,"style":"BOLD"}],"text":"Курс SkillFactory Frontend-разработчик. Получите перспективную творческую профессию в IT.","type":"unstyled","key":"8qatk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"У каждого есть собственное мнение по поводу крупнейших инструментов фронтенда, таких как React, Angular, Svelte и Vue. Однако нет никаких сомнений в том, какой из них является фаворитом. Уже много лет React выступает движущей силой фронтенд-разработки. Именно с него начинающие разработчики приступают к освоению фронтенд-фреймворков. Все бы ничего, но есть одна проблема: React — ужасный инструмент для новичков. В связи с этим рекомендую всем неопытным разработчикам немедленно прекратить его использовать и начать свое путешествие в мир разработки с такого фреймворка, как Vue.","type":"unstyled","key":"a5ugi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Vue более простой в изучении","type":"header-three","key":"32gnu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":399,"style":"ITALIC"}],"text":"Я начала работать с фреймворком React, имея за спиной многолетний опыт программирования на Python, C++ и Java. За эти годы у меня уже сложилось общее понимание фундаментальных концепций компьютерных технологий, и эти знания можно было легко применить к React. К тому же он базируется на JavaScript. Для решения сложных задач React в большей степени опирается на абстракции программирования, что мне по душе.","type":"unstyled","key":"dmlkm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"На тот момент я не так хорошо была знакома с HTML, как с чистым программированием. Я вполне разбиралась в принципах разработки и компьютерной логике, чтобы приспособиться к работе с не жестко регламентированной, расширяемой библиотекой.","type":"unstyled","key":"dedo8"},{"data":{"image":{"id":"644d0da3a1be2f710a02184f"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Там, где популярность встречается со сложностью: React доминирует в вопросах Stack Overflow в области фронтенд-разработки","type":"atomic:image","key":"68a14"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Многие веб-разработчики, переходящие на React, не располагают достаточными знаниями в области компьютерных наук. Как правило, они разбираются в CSS, HTML и основах JavaScript. Но переход от знания этих инструментов к хорошему владению React — это не шаг, а прыжок через пропасть. Однако из-за обилия обучающих онлайн-материалов по React новички зачастую с головой погружаются в сверхсложный инструмент, задействуя его для небольших проектов. Тем самым они обрекают себя на трудности, которых могли бы избежать.","type":"unstyled","key":"6dtcn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Vue задействует привычный синтаксис","type":"header-three","key":"attgt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"При углубленном изучении Vue поражаешься его простоте. Он не изобретает колеса. Вместо этого он органично интегрирует богатые функциональные возможности в привычную веб-структуру. Дело в том, что Vue не использует JSX, основной синтаксис компонентов React. По мнению большинства начинающих разработчиков, JSX осложняет быстрое освоение React.","type":"unstyled","key":"aj3im"},{"data":{"image":{"id":"644d0da36bdf6b31136ce981"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Директива Vue для отправки формы","type":"atomic:image","key":"6nq6m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Vue задействует инструкции обычного синтаксиса JavaScript, написанные на простом HTML. Такие инструкции называются директивами. Они упрощают разработчикам решение многих стандартных задач, являются декларативными и легко читаются. Даже UI-дизайнер с небольшим опытом JavaScript способен работать с файлом Vue и вносить содержательные изменения.","type":"unstyled","key":"2ej2h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Vue использует однофайловые компоненты","type":"header-three","key":"foo0n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Невозможно преувеличить объемы впустую потраченного времени, к которым приводит беспорядочная база кода. Грязный код может появиться в любой среде разработки. Однако ситуация еще более усложняется, когда код, применяемый к одному и тому же компоненту, распределен по нескольким файлам по всей базе. Несмотря на то, что в React есть общепринятые практики, помогающие смягчить обозначенную проблему, Vue предоставляет лучшее решение для инкапсуляции кода.","type":"unstyled","key":"1s87f"},{"data":{"image":{"id":"644d0da34da1351cb77f9429"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Компоненты Vue структурированы в формате SFC, они же файлы .vue","type":"atomic:image","key":"2f4ql"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Данный формат позволяет создавать однофайловые компоненты с тегами стиля