Angular vs Angular 2 vs React. Сергей Александров
Download as pptx, pdf3 likes4,246 views
Документ сравнивает три популярных JavaScript-фреймворка: Angular, React и Angular 2, рассматривая их архитектуру, синтаксис, производительность и другие ключевые аспекты. Упоминаются плюсы и минусы каждого фреймворка, а также проблемы миграции между версиями. Также акцентируется внимание на тестировании, сообществе и возможности кроссплатформенной разработки.
1 of 18
Downloaded 15 times
Ad
Recommended
Angular2
Angular2Sergey Melekhin Документ рассматривает основные изменения и преимущества Angular 2 по сравнению с устаревшей версией AngularJS 1, подчеркивая улучшения производительности и упрощение обучения. Он акцентирует внимание на использовании TypeScript и компонентах, а также на новом синтаксисе шаблонов и механизме проверки изменений. В заключение документ демонстрирует, как новая архитектура позволяет разработчикам более эффективно организовывать код и управлять состоянием приложения.
Javaone 2013 moscow gradle
Javaone 2013 moscow gradleEvgeny Borisov Документ касается использования системы сборки Gradle, включая основные функции, преимущества и сравнение с другими инструментами, такими как Ant и Maven. Обсуждаются возможности написания задач и плагинов, а также включены советы по переходу на Gradle. Также предоставлены ссылки на ресурсы для дальнейшего изучения и поддержки.
Redux и изоморфные приложения
Redux и изоморфные приложенияJohn Wezel Документ описывает преимущества разработки изоморфных приложений на JavaScript, включая единый язык для сервера и клиента, быструю индексацию поисковыми системами и оптимизированный обмен данными через API. Также рассматриваются плюсы использования React, Flux и Redux, таких как управление состоянием и упрощение работы с данными. Наконец, перечисляются инструменты для разработки, включая Pomello, Git, Vim и Droplr, которые помогают в организации рабочего процесса.
Никита Галкин "Testing in Node.js World"
Никита Галкин "Testing in Node.js World"Fwdays Доклад Никиты Галкина рассматривает тестирование в Node.js, освещая различные подходы к тестированию микросервисов и асинхронной логики. Он подчеркивает важность правильного уровня решения проблем, а также необходимость тестирования как способа подтверждения соответствия функционала требованиям. Рассматриваются виды тестирования, их применение и практические подходы к написанию тестов.
Сергей Мелашич "Настройка SEO для одностраничных web-приложений на Angular"
Сергей Мелашич "Настройка SEO для одностраничных web-приложений на Angular"Fwdays Документ обсуждает настройку SEO для одностраничных приложений на Angular, уделяя внимание тому, как они работают для пользователей и краулеров. Описаны методы предварительной визуализации контента, а также использование сервисов, таких как prerender.io, и их преимущества. Также рассматриваются изоморфные приложения и возможности Angular Universal для генерации HTML на сервере и оптимизации производительности.
"React application structure at project start", Maksym Shestopal
"React application structure at project start", Maksym ShestopalFwdays Документ обсуждает структуру приложений на React, подчеркивая важность создания четких правил и иерархий для обеспечения стабильности и качества продукта. Описаны основные составляющие приложений, такие как маршрутизация, управление состоянием и взаимодействие между компонентами, а также приведена общая структура приложения. В заключение подчеркивается, что правильно построенная структура обеспечит простоту в разработке и легкость в поддержке, что важно для долгосрочной жизнеспособности продукта.
Сергей Морковкин "Разработка realtime SPA с использованием VueJS и RethinkDB"
Сергей Морковкин "Разработка realtime SPA с использованием VueJS и RethinkDB"Fwdays Документ описывает разработку одностраничного веб-приложения с использованием Vue.js и RethinkDB для реализации реального времени взаимодействия. Основные темы включают преимущества выбранного стека технологий, а также сравнение методов обновления данных, таких как polling и changefeeds. Также рассматриваются особенности системы компонентов Vue.js и инструменты для разработчиков.
Денис Измайлов, JavaScript сегодня: React, Redux и новая реальность
Денис Измайлов, JavaScript сегодня: React, Redux и новая реальностьScrumTrek Документ описывает развитие и актуальные тенденции в экосистеме JavaScript, включая темы React, Redux и изоморфные приложения, а также изменения в архитектуре фронтенда и серверной части. Обсуждаются проблемы, с которыми сталкиваются разработчики, и предлагаются решения с использованием различных инструментов и библиотек. Подчеркивается растущая важность функционального программирования и необходимость адаптации к новым технологиям в процессе разработки.
#5 "React.js" Антон Артамонов
#5 "React.js" Антон АртамоновJSib Документ обсуждает преимущества и особенности использования React.js для разработки веб-приложений, акцентируя внимание на важности удобства поддержки, тестирования и расширения приложений. Он выделяет ключевые концепции, такие как виртуальный DOM, реактивное программирование и компонентный подход, а также преимущества кэширования и использования JSX. В конце упоминаются компании, которые применяют React, и подчеркиваются основные идеи, такие как необходимость эффективного применения компонентов и быстрого рендеринга.
React.js – intro
React.js – introAndrew Makarow Документ представляет собой введение в библиотеку React.js, подчеркивающее ее отличие от других MVC-фреймворков и акцентирующее внимание на ее роли в создании пользовательских интерфейсов. Основные концепции, такие как виртуальный DOM, управление данными и жизненный цикл компонентов также обсуждаются. Приведены ссылки на демонстрационные материалы и ресурсы для дальнейшего изучения.
"Prom.ua shopping cart workflow as a microfrontend", Danylo Kazymyrov
"Prom.ua shopping cart workflow as a microfrontend", Danylo KazymyrovFwdays Данный документ описывает внедрение микрофронтенда для решения проблем с модульностью и обновлением больших проектов. Рассматриваются проблемы, такие как зависимость от монолитных приложений и конфликты версий, а также предлагается решение через создание изолированных компонентов и применение SDK для интеграции. Результаты внедрения включают сокращение времени на развертывание, повышение конверсии и независимые релизы.
React native. Bridge From Web To Mobile. Intro
React native. Bridge From Web To Mobile. IntroIgor Izraylevych Документ обсуждает использование React Native для мобильной разработки, выделяя его преимущества, такие как кросс-платформенность и низкий порог вхождения для веб-разработчиков. Он также знакомит с основами компонента, хранения состояния с помощью Redux и лучшими практиками разработки. В заключение, автор подчеркивает важность планирования состояния и выбора библиотек для эффективной работы с React Native.
Изоморфные react-приложения
Изоморфные react-приложенияDenis Izmaylov Документ обсуждает изоморфные приложения с использованием React, обосновывая необходимость перехода от классических одностраничных приложений к ним. Приводятся преимущества и недостатки одностраничных приложений, а также описывается, как изоморфные приложения могут улучшить производительность и пользовательский опыт через серверный рендеринг. В заключение даны рекомендации по оптимизации и ссылки на дополнительные ресурсы.
Dagger 2
Dagger 2Kirill Rozov Документ описывает систему внедрения зависимостей Dagger 2, которая использует только сгенерированный код для повышения производительности и читаемости. Он также демонстрирует основные компоненты Dagger, такие как модули и компоненты, и предоставляет примеры кода для создания сетевых клиентов и API. Документ подчеркивает преимущества Dagger 2 по сравнению с другими фреймворками внедрения зависимостей и объясняет ограниченные зависимости между компонентами.
Rambler.iOS #5: VIPER a la Rambler
Rambler.iOS #5: VIPER a la RamblerRAMBLER&Co Доклад обсуждает проблемы канонического паттерна Viper и предлагает решения для улучшения его компонентов, таких как interactor, view и wireframe. Рассматриваются конкретные проблемы взаимодействия модулей и рутинные задачи при создании новых модулей, с рекомендациями по их оптимизации. В заключительной части описываются результаты применения предложенных решений на примере модулей для ресторанов.
Gradle. Новый уровень автоматизации для Android
Gradle. Новый уровень автоматизации для AndroidAnton Rutkevich Документ описывает систему автоматизации сборки Gradle для Android-разработки, подчеркивая ее функциональные возможности и преимущества по сравнению с предыдущими инструментами. Основные характеристики включают использование Groovy для написания сценариев сборки, управление зависимостями и создание различных вариантов APK. Также рассматриваются советы по интеграции Gradle с системами непрерывной интеграции и упоминаются недостатки и ограничения данной системы.
"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25
"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25MoscowJS Документ обсуждает архитектуру Redux как улучшение модели Flux для разработки изоморфных приложений. Основные преимущества Redux включают устранение избыточного кода, упрощение асинхронных загрузок и более легкое повторное использование функций. Redux решает многие проблемы, связанные с Flux, и обеспечивает лучший пользовательский опыт и производительность приложений.
Tech talk Angular 2
Tech talk Angular 2DA-14 Доклад посвящен Angular 2, современному фреймворку для разработки веб-приложений, который является значительным улучшением по сравнению с предыдущей версией Angular 1. Основные характеристики включают компоненты, серверный рендеринг и поддержку различных браузеров, а также новые подходы к архитектуре и синтаксису, которые упрощают разработку сложных приложений. Несмотря на преимущества, такие как улучшенный UX и оптимизация привязки данных, существуют и недостатки, включая необходимость изучения TypeScript и отсутствие полного API.
React + Redux. Опыт использования
React + Redux. Опыт использованияGDG Odessa Документ описывает опыт использования React и Redux, акцентируя внимание на архитектуре и управлении состоянием приложения. В нем обсуждаются преимущества Redux, такие как упрощение отладки и возможность сохранения состояния, а также его альтернативы, включая MobX. Также предлагаются рекомендации по использованию Redux без React и с использованием декораторов для связывания компонентов.
Gradle. Новый уровень автоматизации для Android
Gradle. Новый уровень автоматизации для AndroidSQALab Документ описывает Gradle как систему автоматизации сборки для Android, выделяя проблемы, существующие до его внедрения, такие как сложность управления зависимостями и генерация различных APK. Он объясняет основные функции Gradle, включая использование Groovy для написания скриптов сборки, управление зависимостями и конфигурации сборки. Также затрагиваются недостатки Gradle и сценарии, когда его использование является целесообразным.
selenium stack in python
selenium stack in pythonCOMAQA.BY Документ представляет собой резюме Андрея Стахиевича, специалиста по автоматизации тестирования на базе Selenium с опытом работы 4 года. Он обсуждает требования к кастомному фреймворку для end-to-end тестирования веб-приложений и отмечает наличие нескольких библиотек и инструментов для Python, но указывает на фрагментацию этой области. Также упоминаются важные компоненты архитектуры тестирования и интеграция с инструментами отчетности.
Актуальные технологии и тренды в веб-разработке
Актуальные технологии и тренды в веб-разработкеDenis Izmaylov Документ описывает актуальные технологии и тренды в веб-разработке, сосредотачиваясь на важности JavaScript, Node.js и React в современных проектах. Обсуждаются изменения и эволюция фронтенд и бэкенд технологий за последние годы, а также влияние новых инструментов и экосистем на разработку. Рекомендуются стратегии для разработчиков, такие как участие в сообществах и повышение уровня английского языка.
Android - 06 - Gradle
Android - 06 - GradleNoveo Документ описывает систему автоматической сборки Gradle, ее функции и сравнительные характеристики с другими системами, такими как Apache Ant и Maven. Основное внимание уделяется структуре проекта, настройке сборки, управлению зависимостями и интеграции с Android. Приведены примеры конфигурационных файлов и описание различных аспектов работы Gradle.
webpack: 7 бед - один ответ
webpack: 7 бед - один ответDenis Izmaylov Документ обсуждает глобальные и локальные проблемы веб-разработки, такие как многообразие решений, версии и форматы. Он предлагает способы решения этих проблем через использование изолированных модулей, включая AMD и CommonJS. Основное внимание уделяется инструменту Webpack, который упрощает управление зависимостями, ускоряет сборку проектов и поддерживает современные технологии разработки.
Изоморфные React-приложения: производительность и масштабирование
Изоморфные React-приложения: производительность и масштабированиеDenis Izmaylov Документ обсуждает преимущества и недостатки изоморфных React-приложений в контексте производительности и масштабирования, подчеркивая необходимость отказаться от традиционных одностраничных приложений (SPA). Он объясняет, как изоморфные приложения могут улучшить пользовательский опыт за счет мгновенной рендеринга и серверного рендеринга, а также делится методами, такими как redux-catch-promise для управления асинхронными состояниями. В заключение приводятся рекомендации по улучшению производительности и масштабируемости веб-приложений.
Любовь Поволоцкая_Сборка Android-приложений с помощью Gradle
Любовь Поволоцкая_Сборка Android-приложений с помощью GradleGeeksLab Odessa Документ описывает процесс сборки Android-приложений с использованием Gradle, включая инструкции по настройке, управлению зависимостями и конфигурации различных типов сборок и flavors. Особое внимание уделяется возможностям кастомизации, работе с build variants и интеграции с Android Studio. Также документ подчеркивает активное продвижение Gradle Google и его поддержку современными библиотеками.
Микросервисная архитектура на базе CoreOS и Kubernetes
Микросервисная архитектура на базе CoreOS и KubernetesDenis Izmaylov Документ освещает микросервисную архитектуру и её преимущественные характеристики по сравнению с монолитной архитектурой, включая устойчивость, скорость поставки и гибкость изменений. Также описывается процесс масштабирования, использование Docker и CoreOS, а также интеграция с Kubernetes для оптимизации разработки и развертывания приложений. В заключение, документ подчеркивает важность автоматизации процессов развертывания и мониторинга производительности.
"Angular 2: Всех переиграл" Евгений Жарков
"Angular 2: Всех переиграл" Евгений ЖарковFwdays Документ предоставляет обзор основ Angular 2, включая создание компонентов, шаблонов и форм. Описываются основные принципы работы с формами, их валидации и тестирования, а также методы обработки данных. Обсуждаются изменения в приложении и сложные аспекты, такие как обработка ошибок и зависимости элементов управления.
Angular 2 vs React
Angular 2 vs ReactIran Reyes Fleitas This document provides an overview and comparison of Angular and React frameworks from the perspective of an experienced AngularJS and React developer. Key points of comparison addressed include React being more lightweight and modular while Angular provides more out-of-the-box functionality. Performance benchmarks generally show React as faster while Angular's testing and routing capabilities are more robust. The document avoids making definitive conclusions and emphasizes choosing based on individual needs and preferences.
Angular 2 не так уж и плох... А если задуматься, то и просто хорош / Алексей ...
Angular 2 не так уж и плох... А если задуматься, то и просто хорош / Алексей ...Ontico Не так страшен Angular 2, как его малюют.
Первая реакция о нем весьма негативная. Круглые скобочки, квадратные, что это, зачем? Но что, если я вам скажу, что эти скобочки позволяют избавиться от проблем, которые не может решить React v15.x?
Знаете ли вы, что Angular 2 ближе к функциональному программированию, чем Redux?
В этом докладе мы обсудим:
1) Что нового даёт нам Angular 2?
2) Рассмотрим его архитектуру и поймём ценность этих решений.
3) Реактивное программирование с Angular 2.
4) В чём Angular 2 превосходит React и Redux?
5) Как перейти на Angular 2 и спать спокойно.
More Related Content
What's hot (19)
#5 "React.js" Антон Артамонов
#5 "React.js" Антон АртамоновJSib Документ обсуждает преимущества и особенности использования React.js для разработки веб-приложений, акцентируя внимание на важности удобства поддержки, тестирования и расширения приложений. Он выделяет ключевые концепции, такие как виртуальный DOM, реактивное программирование и компонентный подход, а также преимущества кэширования и использования JSX. В конце упоминаются компании, которые применяют React, и подчеркиваются основные идеи, такие как необходимость эффективного применения компонентов и быстрого рендеринга.
React.js – intro
React.js – introAndrew Makarow Документ представляет собой введение в библиотеку React.js, подчеркивающее ее отличие от других MVC-фреймворков и акцентирующее внимание на ее роли в создании пользовательских интерфейсов. Основные концепции, такие как виртуальный DOM, управление данными и жизненный цикл компонентов также обсуждаются. Приведены ссылки на демонстрационные материалы и ресурсы для дальнейшего изучения.
"Prom.ua shopping cart workflow as a microfrontend", Danylo Kazymyrov
"Prom.ua shopping cart workflow as a microfrontend", Danylo KazymyrovFwdays Данный документ описывает внедрение микрофронтенда для решения проблем с модульностью и обновлением больших проектов. Рассматриваются проблемы, такие как зависимость от монолитных приложений и конфликты версий, а также предлагается решение через создание изолированных компонентов и применение SDK для интеграции. Результаты внедрения включают сокращение времени на развертывание, повышение конверсии и независимые релизы.
React native. Bridge From Web To Mobile. Intro
React native. Bridge From Web To Mobile. IntroIgor Izraylevych Документ обсуждает использование React Native для мобильной разработки, выделяя его преимущества, такие как кросс-платформенность и низкий порог вхождения для веб-разработчиков. Он также знакомит с основами компонента, хранения состояния с помощью Redux и лучшими практиками разработки. В заключение, автор подчеркивает важность планирования состояния и выбора библиотек для эффективной работы с React Native.
Изоморфные react-приложения
Изоморфные react-приложенияDenis Izmaylov Документ обсуждает изоморфные приложения с использованием React, обосновывая необходимость перехода от классических одностраничных приложений к ним. Приводятся преимущества и недостатки одностраничных приложений, а также описывается, как изоморфные приложения могут улучшить производительность и пользовательский опыт через серверный рендеринг. В заключение даны рекомендации по оптимизации и ссылки на дополнительные ресурсы.
Dagger 2
Dagger 2Kirill Rozov Документ описывает систему внедрения зависимостей Dagger 2, которая использует только сгенерированный код для повышения производительности и читаемости. Он также демонстрирует основные компоненты Dagger, такие как модули и компоненты, и предоставляет примеры кода для создания сетевых клиентов и API. Документ подчеркивает преимущества Dagger 2 по сравнению с другими фреймворками внедрения зависимостей и объясняет ограниченные зависимости между компонентами.
Rambler.iOS #5: VIPER a la Rambler
Rambler.iOS #5: VIPER a la RamblerRAMBLER&Co Доклад обсуждает проблемы канонического паттерна Viper и предлагает решения для улучшения его компонентов, таких как interactor, view и wireframe. Рассматриваются конкретные проблемы взаимодействия модулей и рутинные задачи при создании новых модулей, с рекомендациями по их оптимизации. В заключительной части описываются результаты применения предложенных решений на примере модулей для ресторанов.
Gradle. Новый уровень автоматизации для Android
Gradle. Новый уровень автоматизации для AndroidAnton Rutkevich Документ описывает систему автоматизации сборки Gradle для Android-разработки, подчеркивая ее функциональные возможности и преимущества по сравнению с предыдущими инструментами. Основные характеристики включают использование Groovy для написания сценариев сборки, управление зависимостями и создание различных вариантов APK. Также рассматриваются советы по интеграции Gradle с системами непрерывной интеграции и упоминаются недостатки и ограничения данной системы.
"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25
"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25MoscowJS Документ обсуждает архитектуру Redux как улучшение модели Flux для разработки изоморфных приложений. Основные преимущества Redux включают устранение избыточного кода, упрощение асинхронных загрузок и более легкое повторное использование функций. Redux решает многие проблемы, связанные с Flux, и обеспечивает лучший пользовательский опыт и производительность приложений.
Tech talk Angular 2
Tech talk Angular 2DA-14 Доклад посвящен Angular 2, современному фреймворку для разработки веб-приложений, который является значительным улучшением по сравнению с предыдущей версией Angular 1. Основные характеристики включают компоненты, серверный рендеринг и поддержку различных браузеров, а также новые подходы к архитектуре и синтаксису, которые упрощают разработку сложных приложений. Несмотря на преимущества, такие как улучшенный UX и оптимизация привязки данных, существуют и недостатки, включая необходимость изучения TypeScript и отсутствие полного API.
React + Redux. Опыт использования
React + Redux. Опыт использованияGDG Odessa Документ описывает опыт использования React и Redux, акцентируя внимание на архитектуре и управлении состоянием приложения. В нем обсуждаются преимущества Redux, такие как упрощение отладки и возможность сохранения состояния, а также его альтернативы, включая MobX. Также предлагаются рекомендации по использованию Redux без React и с использованием декораторов для связывания компонентов.
Gradle. Новый уровень автоматизации для Android
Gradle. Новый уровень автоматизации для AndroidSQALab Документ описывает Gradle как систему автоматизации сборки для Android, выделяя проблемы, существующие до его внедрения, такие как сложность управления зависимостями и генерация различных APK. Он объясняет основные функции Gradle, включая использование Groovy для написания скриптов сборки, управление зависимостями и конфигурации сборки. Также затрагиваются недостатки Gradle и сценарии, когда его использование является целесообразным.
selenium stack in python
selenium stack in pythonCOMAQA.BY Документ представляет собой резюме Андрея Стахиевича, специалиста по автоматизации тестирования на базе Selenium с опытом работы 4 года. Он обсуждает требования к кастомному фреймворку для end-to-end тестирования веб-приложений и отмечает наличие нескольких библиотек и инструментов для Python, но указывает на фрагментацию этой области. Также упоминаются важные компоненты архитектуры тестирования и интеграция с инструментами отчетности.
Актуальные технологии и тренды в веб-разработке
Актуальные технологии и тренды в веб-разработкеDenis Izmaylov Документ описывает актуальные технологии и тренды в веб-разработке, сосредотачиваясь на важности JavaScript, Node.js и React в современных проектах. Обсуждаются изменения и эволюция фронтенд и бэкенд технологий за последние годы, а также влияние новых инструментов и экосистем на разработку. Рекомендуются стратегии для разработчиков, такие как участие в сообществах и повышение уровня английского языка.
Android - 06 - Gradle
Android - 06 - GradleNoveo Документ описывает систему автоматической сборки Gradle, ее функции и сравнительные характеристики с другими системами, такими как Apache Ant и Maven. Основное внимание уделяется структуре проекта, настройке сборки, управлению зависимостями и интеграции с Android. Приведены примеры конфигурационных файлов и описание различных аспектов работы Gradle.
webpack: 7 бед - один ответ
webpack: 7 бед - один ответDenis Izmaylov Документ обсуждает глобальные и локальные проблемы веб-разработки, такие как многообразие решений, версии и форматы. Он предлагает способы решения этих проблем через использование изолированных модулей, включая AMD и CommonJS. Основное внимание уделяется инструменту Webpack, который упрощает управление зависимостями, ускоряет сборку проектов и поддерживает современные технологии разработки.
Изоморфные React-приложения: производительность и масштабирование
Изоморфные React-приложения: производительность и масштабированиеDenis Izmaylov Документ обсуждает преимущества и недостатки изоморфных React-приложений в контексте производительности и масштабирования, подчеркивая необходимость отказаться от традиционных одностраничных приложений (SPA). Он объясняет, как изоморфные приложения могут улучшить пользовательский опыт за счет мгновенной рендеринга и серверного рендеринга, а также делится методами, такими как redux-catch-promise для управления асинхронными состояниями. В заключение приводятся рекомендации по улучшению производительности и масштабируемости веб-приложений.
Любовь Поволоцкая_Сборка Android-приложений с помощью Gradle
Любовь Поволоцкая_Сборка Android-приложений с помощью GradleGeeksLab Odessa Документ описывает процесс сборки Android-приложений с использованием Gradle, включая инструкции по настройке, управлению зависимостями и конфигурации различных типов сборок и flavors. Особое внимание уделяется возможностям кастомизации, работе с build variants и интеграции с Android Studio. Также документ подчеркивает активное продвижение Gradle Google и его поддержку современными библиотеками.
Микросервисная архитектура на базе CoreOS и Kubernetes
Микросервисная архитектура на базе CoreOS и KubernetesDenis Izmaylov Документ освещает микросервисную архитектуру и её преимущественные характеристики по сравнению с монолитной архитектурой, включая устойчивость, скорость поставки и гибкость изменений. Также описывается процесс масштабирования, использование Docker и CoreOS, а также интеграция с Kubernetes для оптимизации разработки и развертывания приложений. В заключение, документ подчеркивает важность автоматизации процессов развертывания и мониторинга производительности.
Viewers also liked (20)
"Angular 2: Всех переиграл" Евгений Жарков
"Angular 2: Всех переиграл" Евгений ЖарковFwdays Документ предоставляет обзор основ Angular 2, включая создание компонентов, шаблонов и форм. Описываются основные принципы работы с формами, их валидации и тестирования, а также методы обработки данных. Обсуждаются изменения в приложении и сложные аспекты, такие как обработка ошибок и зависимости элементов управления.
Angular 2 vs React
Angular 2 vs ReactIran Reyes Fleitas This document provides an overview and comparison of Angular and React frameworks from the perspective of an experienced AngularJS and React developer. Key points of comparison addressed include React being more lightweight and modular while Angular provides more out-of-the-box functionality. Performance benchmarks generally show React as faster while Angular's testing and routing capabilities are more robust. The document avoids making definitive conclusions and emphasizes choosing based on individual needs and preferences.
Angular 2 не так уж и плох... А если задуматься, то и просто хорош / Алексей ...
Angular 2 не так уж и плох... А если задуматься, то и просто хорош / Алексей ...Ontico Не так страшен Angular 2, как его малюют.
Первая реакция о нем весьма негативная. Круглые скобочки, квадратные, что это, зачем? Но что, если я вам скажу, что эти скобочки позволяют избавиться от проблем, которые не может решить React v15.x?
Знаете ли вы, что Angular 2 ближе к функциональному программированию, чем Redux?
В этом докладе мы обсудим:
1) Что нового даёт нам Angular 2?
2) Рассмотрим его архитектуру и поймём ценность этих решений.
3) Реактивное программирование с Angular 2.
4) В чём Angular 2 превосходит React и Redux?
5) Как перейти на Angular 2 и спать спокойно.
Vue.js и его брат-близнец Vue-server.js / Андрей Солодовников (НГС)
Vue.js и его брат-близнец Vue-server.js / Андрей Солодовников (НГС)Ontico Документ обсуждает Vue.js и его серверный аналог vueserver.js, описывая их особенности и сравнительные характеристики. Представлены технические детали, примеры кода и различные методы работы с компонентами и директивами. Также рассматриваются преимущества и недостатки использования vue.server, а также рекомендации по переходу на более новую версию Vue 2.0.
ReactJS vs AngularJS - Head to Head comparison
ReactJS vs AngularJS - Head to Head comparison500Tech This document summarizes a meetup comparing Angular2 and React frameworks. It provides overviews of both frameworks, including their histories, core concepts, and differences. Some key points covered include React's use of a virtual DOM for efficient updates, Angular2's focus on being a full development platform, and both frameworks' growing communities and adoption. The meetup agenda also included rounds for comparing the frameworks and a Q&A panel discussion.
#10 "Опыт создания Real-time игры на WebGL, Angular, Socket.io и Node.js" Его...
#10 "Опыт создания Real-time игры на WebGL, Angular, Socket.io и Node.js" Его...JSib Документ содержит рекомендации по созданию real-time игр с использованием технологий WebGL, Angular, Socket.io и Node.js. Автор делится опытом, важными библиотеками и фреймворками, а также советует при разработке опираться на готовые решения и опыт из учебы. Также рассматриваются аспекты серверной части, тестирования и упаковки игр для различных платформ.
Компонентная разработка на Stylus, Jade, Typescript - Леонид Ширманов
Компонентная разработка на Stylus, Jade, Typescript - Леонид ШирмановMoscowJS Документ описывает компонентную разработку на фронтенде с использованием технологий, таких как Stylus, Jade и TypeScript. Он акцентирует внимание на преимуществах модульной структуры и переиспользования компонентов, а также рассматривает особенности каждого инструмента, включая синтаксис и механизмы работы. Заключение подчеркивает важность комбинирования технологий для оптимизации разработки интерфейсов.
API в SAAS, с облаком и без: ресурсы, SLA, балансировка, расширяемость
API в SAAS, с облаком и без: ресурсы, SLA, балансировка, расширяемостьEatDog Документ описывает облачную платформу для машинного обучения с акцентом на разработку и предсказания моделей. Рассматриваются аспекты балансировки нагрузки, расширяемости и конфигурации системы. Также упоминаются проблемы, связанные с производительностью и управлением ресурсами при использовании модели в реальном времени.
Нельзя просто так взять и сделать версионирование API
Нельзя просто так взять и сделать версионирование APIEatDog Документ обсуждает версионирование API и его важность для обеспечения поддержки пользователей. Приведены различные методы версионирования, такие как использование URI, параметров запроса и HTTP-заголовков, а также вопросы, связанные с эволюцией данных и бизнес-логики. Также подчеркивается необходимость тестирования каждой версии API и рекомендации по выбору стратегии поддержки версий.
Your backend architecture is what matters slideshare
Your backend architecture is what matters slideshareColin Charles This document provides an overview of backend architectures and strategies for scaling web applications. It discusses choosing between scaling up (buying more powerful hardware) versus scaling out (adding more commodity servers). It recommends using caching, databases, cloud services, and other techniques like sharding, replication and indexing to improve performance and allow applications to handle increased load. Specific technologies mentioned include memcached, MongoDB, Redis, MySQL, and content delivery networks. The document emphasizes the importance of proper planning, monitoring, and avoiding premature optimization.
Сайт Москвы за 6 месяцев / Игорь Цупко (Notamedia)
Сайт Москвы за 6 месяцев / Игорь Цупко (Notamedia)Ontico Документ обсуждает создание и развитие портала mos.ru, акцентируя внимание на проблемах монолитной архитектуры и переходе к SOA. Основные проблемы монолита включают сложности с зависимостями кода и масштабируемостью. В документе также приведены примеры использования различных технологий и инфраструктурных решений для улучшения работы сервиса.
React vs-angular-mobile
React vs-angular-mobileMichael Haberman This document compares Angular and React frameworks for mobile development, discussing hybrid solutions using Ionic and native solutions using React Native. It provides an overview of Angular and React, describing Angular as an MVC framework with two-way binding and React as a component-based library with unidirectional data flow. It then discusses Ionic as an Angular-based hybrid framework that allows access to some native APIs and React Native, which compiles JavaScript to native code for better performance and full native API access. In the comparison section, it summarizes that Ionic shares more code with the web but has limited performance and native capabilities, while React Native requires more platform-specific code but has native performance and full feature support.
Рендеринг может больше: vue.js vs React, Андрей Солодовников
Рендеринг может больше: vue.js vs React, Андрей СолодовниковDevDay Документ сравнивает два популярных фреймворка для фронтенд-разработки, Vue.js и React, анализируя их подходы к рендерингу, шаблонизации и производительности. Подробно рассматриваются преимущества и недостатки каждого инструмента, включая скорость рендеринга, поддерживаемость и реактивность. В конечном итоге, автор делает выводы о целесообразности использования каждого фреймворка в зависимости от требований проекта.
React vs Angular: ups & downs (speaker Oleksandr Kovalov, Binary Studio)
React vs Angular: ups & downs (speaker Oleksandr Kovalov, Binary Studio)Binary Studio The document provides a detailed comparison between Angular and React, outlining their architectures, features, and performance strengths. It discusses the evolution of both frameworks, key principles such as unidirectional data flow in React, and various tools and libraries used within their ecosystems. Ultimately, the choice between Angular and React is suggested based on project requirements, with Angular being more suited for quick setups and React for long-term, component-based projects.
Investeringsagenda Woonregio Zuidwest Friesland
Investeringsagenda Woonregio Zuidwest Friesland Gemeente Barneveld Wat is de investeringsagenda voor de Woonregio Zuid West Friesland?
Samenvattende sheets tbv de woonconferentie van gemeenten, provincie, zorgorganisaties, bewoners en ontwikkelaars en bouwers
Wone, kies slim voor de kansen in de markt
Wonen en Zorg: kies voor thuis ipv tehuis
Wonen en Energie, naar aardgasloze wijken
februari 2017
Crossing platforms with JavaScript & React
Crossing platforms with JavaScript & React Robert DeLuca The document discusses the implementation of cross-platform JavaScript applications using React and React Native, highlighting the benefits of shared codebases for iOS, Android, and web applications. It details the development of an Instagram clone, demonstrating how to leverage components like impagination.js for features like infinite scrolling across different platforms. Key takeaways emphasize the importance of shared components, cost savings, and the ongoing evolution of JavaScript as a unifying model for user interactions.
React vs angular (mobile first battle)
React vs angular (mobile first battle)Michael Haberman The document compares Angular and React as frameworks for mobile development, discussing their respective architectures and performance characteristics. It highlights how Angular 1.x utilizes two-way data binding while Angular 2.x and React employ component-based structures with unidirectional data flow. Additionally, it contrasts hybrid solutions like Ionic and native approaches such as React Native, focusing on the advantages and limitations of each in terms of deployment, access to native APIs, and code reusability.
React новая эра фронтенд разработки / Роберт Харитонов (Liberty Global)
React новая эра фронтенд разработки / Роберт Харитонов (Liberty Global)Ontico Документ представляет собой введение в React как в библиотеку для фронтенд-разработки, подчеркивая её функциональные преимущества и возможности кросс-платформенного рендеринга. Обсуждаются ключевые концепции, такие как инкапсуляция состояния и однонаправленный поток данных, а также преимущества использования React Native для мобильной разработки. В конце упоминаются ресурсы для обучения и практики работы с React.
Stateless Auth using OAuth2 & JWT
Stateless Auth using OAuth2 & JWTGaurav Roy The document discusses stateless authorization using OAuth2 and JSON Web Tokens (JWT). It begins with an introduction to authentication, authorization, and single sign-on (SSO). It then provides an in-depth explanation of OAuth2 actors, flows, and grant types. The Authorization Code Grant flow and Implicit Grant flow are explained in detail. Finally, it introduces JWT and why it is a suitable standard for representing OAuth2 access tokens since it meets the requirements and libraries are available.
Angular js vs. Facebook react
Angular js vs. Facebook reactKeyup The document compares the JavaScript frameworks AngularJS and Facebook React. It provides an overview of key differences between the frameworks, including how they handle data binding, routing, and component architecture. It also includes code examples for basic "Hello World" components in each framework and a TODO list application. The document concludes with recommendations for tutorials and documentation resources for learning more about AngularJS and React.
Ad
Similar to Angular vs Angular 2 vs React. Сергей Александров (6)
Angular 2 On Production
Angular 2 On ProductionOleksandr Tryshchenko Документ представляет собой обзор года использования Angular 2 в производственной среде, включая основные темы такие как производительность, стабильность, и доступность сообществ. Рассматриваются проблемы и решения, связанные с использованием технологии, а также инструменты, такие как Angular CLI и TypeScript. Включает примеры кода и обсуждение принципов работы с компонентами и асинхронными действиями.
Dot.net building scalable java script application using react and typescript,...
Dot.net building scalable java script application using react and typescript,...Sigma Software Документ описывает процесс создания масштабируемого приложения с использованием React и TypeScript, акцентируя внимание на преимуществах и недостатках выбранных технологий. В нем рассматриваются аспекты типизации, управления состоянием с помощью Redux и модульной структуры кода, что улучшает читаемость и поддержку приложения. В заключение подчеркивается успешная интеграция технологий и предотвращение технического долга.
React & Redux (Lazarev)
React & Redux (Lazarev)Innovecs Документ содержит рекомендации по выбору технологий для проектов на React/Redux, включая практические советы для начинающих и опытных программистов. Описаны методы установки и настройки сборки проекта, применение строгой типизации и утиных типизаций, а также использование Redux для управления состоянием. Также представлены сравнения популярныхReact boilerplates и рекомендации по повышению производительности приложений.
Angular 2 vs Angular 1
Angular 2 vs Angular 1GDG Odessa Документ описывает ключевые различия между Angular 1 и Angular 2, включая архитектурные изменения и использование TypeScript. Angular 1 использует модули, контроллеры и сервисы, в то время как Angular 2 ориентируется на компонентный подход и метаданные модуля. Кроме того, документ подчеркивает, что проекты, переходящие на Angular 2, требуют полной переработки, пока оба фреймворка несовместимы.
Фишки и прелести TypeScript
Фишки и прелести TypeScriptАлександр Майоров Документ обсуждает преимущества и недостатки использования TypeScript, подчеркивая, что он является диалектом JavaScript с опциональной строгой типизацией и поддержкой различных модульных систем. Упоминаются факты о TypeScript, включая его интеграцию с Angular, инструменты для объектно-ориентированного программирования, и трудности, с которыми разработчики могут столкнуться при его использовании. Наконец, документ также охватывает использование декораторов и метаданных в TypeScript для повышения удобства кода.
JavaScript сегодня: React, Redux и новая реальность
JavaScript сегодня: React, Redux и новая реальностьDenis Izmaylov Документ анализирует текущее состояние и прошлые тренды технологий JavaScript, с акцентом на такие инструменты, как React и Redux. Обсуждаются изменения в экосистеме JavaScript, включая переход к изоморфным приложениям и использованию серверной стороны, а также эволюцию подходов к разработке UI. Доклад предоставляет выводы о значимости этих технологий и о том, как они влияют на процессы разработки в современном веб-программировании.
Ad
More from EatDog (20)
Классифицируем текст в iOS без CoreML: как и зачем?
Классифицируем текст в iOS без CoreML: как и зачем? EatDog The document discusses the implementation of a text classification system for SMS spam detection across multiple languages using Core ML without CoreML model files. It highlights the importance of language detection as a preliminary step for accurate spam filtering and contrasts the effectiveness of various classification methods and models. The document also outlines challenges such as memory limitations and presents solutions like memory-mapped files and custom classifiers.
macOS app development for iOS devs: expand your horizons
macOS app development for iOS devs: expand your horizonsEatDog The document discusses the benefits and considerations for iOS developers transitioning to macOS app development, highlighting similarities in language and frameworks. It covers topics like inter-process communication, UI differences between UIKit and AppKit, and the historical context of macOS evolution. Additionally, it offers resources for further learning and includes personal development plans for iOS developers wanting to expand into macOS.
Dependency Injections in Kotlin
Dependency Injections in KotlinEatDog The document discusses various techniques and libraries for implementing dependency injection (DI) in Kotlin, with a focus on frameworks like Dagger 2, Kodein, and Koin. It outlines the advantages and challenges associated with each approach, as well as code examples demonstrating their usage in Android applications. The text also addresses considerations for project size and the applicability of DI patterns in different scenarios.
Быстрый в имплементации и в работе мониторинг с использованием ELK
Быстрый в имплементации и в работе мониторинг с использованием ELKEatDog Документ описывает интеграцию систем ELK и Zabbix для комплексного отслеживания состояния проектов. Основное внимание уделено проблемам, возникающим при росте трафика и нагрузке на серверы, а также решениям для их оптимизации. ELK выделяется как полезный инструмент для статистики и мониторинга, которые помогают выявлять и устранять узкие места в производительности системы.
Continuous integration / continuous delivery
Continuous integration / continuous deliveryEatDog The document discusses continuous integration and continuous delivery (CI/CD) practices for web applications, focusing on improving development speed, product quality, and risk management. It highlights a range of tools and techniques, including Docker, Jenkins, PHPUnit, and automated testing strategies, aimed at ensuring quality through integrated development and testing. The author emphasizes the importance of developer responsibility for code quality, collaboration in testing, and efficient feedback cycles to optimize CI/CD processes.
Как мы экспериментируем в больших микросервисных системах
Как мы экспериментируем в больших микросервисных системахEatDog Документ описывает экспериментирование в больших микросервисных системах, выделяя важность A/B тестирования для разработки. В компании pdffiller A/B тесты интегрированы в 80% кода, где решения, не прошедшие тест, не попадают в продакшн. Рассматриваются архитектура системы и использование более 200 микросервисов для эффективной работы и обработки нагрузки.
Отказоустойчивый Redis кластер
Отказоустойчивый Redis кластерEatDog Документ описывает настройку отказоустойчивого кластера Redis с использованием мастер-слейв архитектуры и механизмов мониторинга через Sentinel. Обсуждаются параметры долговечности данных с использованием RDB и AOF, включая их плюсы и минусы, а также возможность автоматического переключения на резервный узел в случае сбоя. В документе также представлены примеры конфигураций и скриптов для управления сложностями, связанными с мониторингом и сбоем узлов.
Кодстайл и насилие.
Кодстайл и насилие. EatDog Документ охватывает ключевые аспекты исследования, включая цели, методологию и основные результаты. Он также подчеркивает значение данных выводов для дальнейших исследований в данной области. Наконец, документ предлагает рекомендации для практического применения полученных знаний.
Refactor to Reactive With Spring 5 and Project Reactor
Refactor to Reactive With Spring 5 and Project ReactorEatDog The document discusses refactoring a Spring application to use reactive approaches. It begins with an overview of reactivity and its benefits compared to blocking implementations. The refactoring process involves 3 main steps: 1) Refactoring the design to use a push model with streaming APIs instead of pulling data; 2) Choosing reactive tooling like Project Reactor, Spring WebFlux and non-blocking drivers; 3) Refactoring the code to use asynchronous and non-blocking implementations, updating contracts to use reactive types like Mono and Flux, and handling errors through retry operators. Examples show converting services to return reactive streams and consume external APIs asynchronously.
GraphQL: APIs the New Way.
GraphQL: APIs the New Way.EatDog 1) APIs and GraphQL are discussed as alternatives to traditional database-centric approaches for building applications.
2) GraphQL provides an alternative query language and runtime that allows clients to efficiently fetch nested data from multiple sources in a single request.
3) The document discusses some advantages of GraphQL like efficient data fetching, easier development, and analytics capabilities. It also notes some challenges around caching, security, and error handling.
Большие проекты, архитектура и фреймворки.
Большие проекты, архитектура и фреймворки.EatDog Документ обсуждает архитектуру программного обеспечения с акцентом на фреймворк Yii и принципы проектирования, такие как SOLID и DDD. Автор поясняет, что хорошая архитектура необходима для управления сложностью и адаптации к изменяющимся требованиям бизнеса, а также разделяет архитектуру и фреймворки, подчеркивая, что фреймворк сам по себе не создает архитектуру. В документе также освещаются паттерны проектирования, их применение и важность тестирования в процессе разработки.
Microservices in a Wild.
Microservices in a Wild.EatDog Доклад Ивана Мосева для Съесть собаку #10: PHP, 12/10/2017.
Тезисы:
- Места обитания: где разворачивать свои микросервисы
- Взаимоотношения в стае: как микросервисы общаются между собой
- Микросервисы и человек: авторизация пользователей и роутинг
- Содержание в неволе: как разрабатывать микросервисы локально
- Выводы.
Dependency Rejection and TDD without Mocks
Dependency Rejection and TDD without MocksEatDog The document discusses the challenges of test-driven development (TDD) without mocks and highlights the benefits of dependency injection for improving software testability. It cites historical examples of software failures due to design and testing flaws, emphasizing the importance of design principles in TDD. The author argues that reliance on mocks can lead to brittle tests that are difficult to maintain, advocating for better design patterns to enhance testing processes.
Стероиды для Дотнетчика
Стероиды для ДотнетчикаEatDog The document discusses strategies for .NET developers to enhance their coding efficiency and streamline development processes. Key concepts include implementing continuous integration and delivery pipelines, establishing an iterative workflow, and utilizing various testing methodologies, including acceptance tests and unit tests. Tools such as Git, TeamCity, and Octopus are recommended for version control and deployment, along with resources for further learning and improvement.
Domain Driven Design – просто о сложном.
Domain Driven Design – просто о сложном.EatDog Документ рассматривает основные проблемы изменения климата и их влияние на экологические системы. Он подчеркивает необходимость миграции к устойчивым практикам и технологиям для смягчения негативных последствий. Также освещается важность сотрудничества между государственными и частными секторами для достижения устойчивого развития.
OWASP: безопасное программирование на PHP.
OWASP: безопасное программирование на PHP.EatDog Документ посвящен безопасному программированию и включает разделы о моделировании угроз, уязвимостях и методах тестирования. Он также освещает принципы безопасности и различные типы атак, такие как инъекции, CSRF и XSS, с рекомендациями по защите от них. Включает примеры уязвимостей и советы по их предотвращению.
Принципы Solid на практике
Принципы Solid на практикеEatDog Документ содержит практическое применение принципов SOLID к разработке на JavaScript, включая ключевые рекомендации по организации кода, разделению обязанностей и внедрению тестирования. Также рассматриваются взаимодействия технологий, таких как Backbone и Redux, с принципами SOLID, выявляя проблемы и рекомендации по улучшению. В конце подчеркивается важность постоянного обучения и ретроспектив для адаптации принципов SOLID в процессе разработки.
Mapbox GL: как работают современные векторные карты
Mapbox GL: как работают современные векторные картыEatDog Документ описывает технологии и практики, используемые для разработки современных векторных карт, включая кодовую базу Mapbox и инструменты для 3D-визуализации. Он затрагивает темы, такие как отрисовка графики с использованием WebGL, использование протоколов для обработки данных и различные аспекты оптимизации производительности. Также рассматриваются возможности работы с большими объемами данных и динамическая загрузка сторонних данных на мобильных устройствах.
Выжить с помощью ООП. Максим Гопей
Выжить с помощью ООП. Максим ГопейEatDog Документ описывает основные концепции объектно-ориентированного программирования (ООП), включая инкапсуляцию, наследование и полиморфизм, а также предлагает примеры использования этих концепций в PHP. Обсуждаются практические аспекты проектирования, включая предпочтение неизменяемым объектам и правила разделения команд и запросов. Приводятся примеры для работы с классами и объектами, акцентируя внимание на корректном использовании методов и интерфейсов.
View models for component driven
View models for component drivenEatDog The document discusses concepts related to component-driven and modular UI code, emphasizing the challenges in UI design and the importance of managing dependencies within modules. It explores methodologies such as MVVM and the use of feedback loops to enhance development processes, while also addressing state management and event sourcing. Additional references to tools like Redux indicate a focus on data-driven development and shared state strategies.
Angular vs Angular 2 vs React. Сергей Александров
- 1. Тонкости выбора: Angular vs React vs Angular 2 Александров Сергей Senior JavaScript Developer Acceptic
- 2. Веб компоненты (W3C стандарт) - Custom Elements - Shadow DOM - HTML Imports / Templates
- 3. КО М П О Н Е Н Т Н Ы Й П ОД ХОД
- 4. - Дебаг - Тестирование - Документирование - Комьюнити - Производительность - Миграция - Порог вхождения - Архитектура - Синтаксис - Комплектация - Изоморфность - Кроссплатформенность ЧЕК ЛИСТ
- 5. ПОРОГ ВХОЖДЕНИЯ Angular 1 Легко в учении, тяжело в бою React Сам по себе прост, но без зоопарка вспомогательных утилит бесполезен Angular 2 Убраны – фабрики, сервисы, контроллеры. Typescript, функциональное программирование, реактивность (RxJS), Redux или что-то подобное
- 6. АРХИТЕКТУРА Angular 1 Делай что хочешь, как можешь бардак из фабрик, сервисов, контроллеров, директив. React Flux – совокупность паттернов: наблюдатель, медиатор, состояние. Redux – воплощение лучших практик flux и подходов функционального программирования. Angular 2 Пока нет предложенных подходов от Google. В составе есть EventEmitter, RxJS. Без проблем можно подружить с Redux.
- 7. СИНТАКСИС Angular 1 React Angular 2 Плюсы: Чистый JS. Не нужны компиляторы. Минусы: Свои велосипеды для DI, модульности, куча абстракций. Component немного упрощает синтаксис директив. “Плохая абстракция, лучше чем отсутствие абстракции.” Плюсы: Современный ES. Минималистичный API. Минусы: Мешанина бизнес логики и представления (частично вопрос решает Redux вынося логику в редюсеры). Плюсы: TypeScript и типизация, HTML отдельно, стили отдельно, современный ES. Минусы: TypeScript не стандарт, нельзя использовать выражения в шаблоне.
- 8. КОМПЛЕКТАЦИЯ Angular 1 React Angular 2 + средства для тестирования + средства для тестирования TypeScript Typings System.js BrowserSync RxJS Плюсы: Имеем структуру Минусы: Сложнее кастомизировать
- 9. ИЗОМОРФНОСТЬ Angular 1 React Angular 2 100% изоморфный. Ссылка на пример приложения в 50 строк делающей полную изоморфность без изменений приложения, будет доступна на последнем слайде. Не изоморфный Фреймворк.
- 10. КРОССПЛАТФОРМЕННОСТЬ Angular 1 React Angular 2 Очень гибкий. Работает с Phonegap, Ionic, Electron, NW.js без проблем. Имеет кучу модулей. React-Native – разработка С использованием Нативных компонент. Также можно завернуть во что угодно. Интеграция в Ionic 2.
- 11. ДЕБАГ Angular 1 React Angular 2 Отлов ошибок на этапе компиляции. Batarangle. В лучшем случае – красная консоль. В худшем – ничего. Angular Batarang и прочие. Отлов ошибок на этапе компиляции. Redux devtools покажет состояние системы. Redux middlewares для дебага.
- 12. ТЕСТИРОВАНИЕ Angular 1 React Angular 2 Angular Protractor, Interceptors. Любые фреймверки. Любые фреймверки. Enzyme. С Redux легче тестировать. Спец утилит пока нет.
- 13. ДОКУМЕНТИРОВАНИЕ Angular 1 React Angular 2 JSDoc, ESDoc. ESDoc, JSDoc поддерживает JSX. ESDoc, JSDoc поддерживает typescript.
- 14. КОМЬЮНИТИ Angular 1 React Angular 2 У всех трех решений огромная поддержка первоклассных специалистов. Ответ почти на любой вопрос можно нагуглить. Angular 2 из-за своего молодого возраста немного уступает. React более сплочено подходит к формированию комъюнити. https://github.com/reactjs
- 15. ПРОИЗВОДИТЕЛЬНОСТЬ Angular 1 React - setState - Виртуальный дом - Иммутабельность Angular 2 - Zone.js, ChangeDetector cycle - Виртуальный дом - Иммутабельность - Digest cycle, проверка watcher’ов - Тяжелый апдейт состояния *Подробный обзор в ссылках
- 16. МИГРАЦИЯ React 0.10 React 0.14 – В течении рабочего дня перенес большое приложение с сотнями компонентов. React выводил подсказки по необходимым изменениям. Angular 1 Angular 2 – без переписывания 75% кода не обойтись. Для теста решил перенести сайт-визитку, созданную 3 года назад за 6 часов. Я потратил более 20 часов на миграцию. Требует изменений бизнес логики. React 0.14 React 15.0.1 – перенес пару больших приложений, вообще без проблем.
- 17. - Порог вхождения - Архитектура - Синтаксис - Комплектация - Изоморфность - Кроссплатформенность - Дебаг - Тестирование - Документирование - Комъюнити - Производительность - Миграция Angular 1 React Angular 2 ? ? ? В Ы В ОД Ы
- 18. ВСЕМ СПАСИБО! ВОПРОСЫ! Linkedin https://github.com/AlexSergey Skype: sergey.aleksandrov_acceptic My site КО Н ТА К Т Ы П Р И М Е Р Ы И С С Ы Л К И https://github.com/AlexSergey/eat-dog https://join.skype.com/Ct9eTgsIFHfk Ч АТ “ С Ъ ЕС Т Ь С О БА К У ”