React + Flux

May 12, 20150 likes744 views

Документ описывает ReactJS как библиотеку JavaScript для создания пользовательских интерфейсов, подчеркивая, что она отличается от традиционных фреймворков. Основное внимание уделяется концепции виртуального DOM и компонентной архитектуре, включая основные компоненты примера. Также упоминаются связи данных и примеры реализации с использованием JSX.

REACTJS
A JAVASCRIPT LIBRARY FOR
BUILDING USER INTERFACES
/nvnoskov @nvnoskov

ReactJS это не "ещё один JS-framework".
AngularJS, EmberJS, Knockout, Backbone

ЗАДАЧИ REACTJS
Рендер интерфейса
Реакция на события

VIRTUAL DOM
React рендерит документ в памяти при изменении
данных.
В DOM-е только отражаются только минимально
необходимые изменённия.

THINKING IN REACTJS
→
FilterableProductTable (оранжевый): Основной компонент примера
SearchBar (синий): пользовательский ввод (поиск)
ProductTable (зеленый): Отображает и фильтрует данные основываясь на поиск
ProductCategoryRow (голубой): Категория
ProductRow (красный): отображает строку с данными

JSX:
JS:
JSX
render: function () {
  return <div classname="divider">
    Текст
    <hr>
  </div>;
}
render: function () {
  return React.DOM.div({className:"divider"},
    "Текст",
    React.DOM.hr()
  );
}

FLUX
Dispatcher
Actions
Store
Components
Constants

ПОЛЕЗНЫЕ ССЫЛКИ
Thinking in React
Flux – Chat
Awesome React

СПАСИБО ЗА ВНИМАНИЕ!
ВОПРОСЫ?
nikolay@noskov.kz
http://facebook.com/nvnoskov
@nvnoskov

Документ описывает взаимодействие двух связанных списков с использованием JavaScript и AJAX в CMS Plone, где первый список содержит объекты типа 'онтология', а второй заполняется на основе выбора из первого. Приведен пример разметки списка и регистрации необходимых скриптов для работы. Также рассматриваются функции для получения данных и их отображения в HTML-элементах.

Безболезненный Fallback cache на Scala / Олег Нижников (Tinkoff.ru)Ontico

Документ обсуждает реализацию безболезненной fallback cache на языке Scala для обработки нестабильных или медленных бэкендов с фокусом на производительности, сериализации и отказоустойчивости. Подробно рассматриваются требования к хранилищу и выбор различных технологий, таких как Cassandra, Couchbase и Tarantool. Также затрагиваются проблемы миграции и их решения в контексте использования подготовленных запросов и обеспечения доступности данных.

Как не утонуть в мегабайтах JS-кодаtfmailru

Документ обсуждает проблемы и эволюцию структуры JavaScript для веб-сайтов с 2002 по 2005 год, включая сложности с управлением файлами и организацией кода. Приведен подход к реализации компонентов и загрузке зависимостей, а также примеры использования событий для взаимодействия с календарями. В заключение указаны контактные данные ответственного разработчика.

Jsfwdays 2013-2Pavlo Iuriichuk

Документ содержит информацию о разработке мобильных веб-приложений, включая серверную и клиентскую части, инструменты и технологии, такие как HTML5, Javascript и различные фреймворки. Также упоминаются аспекты оптимизации производительности и специфические функции для мобильных устройств. В тексте представлены примеры кода, реализации и ресурсы для углубленного изучения темы.

Windows Azure Storage servicesPavel Revenkov

Документ описывает услуги хранения данных в Windows Azure, включая реляционные (SQL Azure) и нереляционные (таблицы, очереди, блобы) решения для управления данными. Также упоминаются интерфейсы доступа, локальная эмуляция и репликация данных, а также основные характеристики хранилищ и их использование. Включены ссылки на дополнительные материалы и примеры кода для работы с различными типами данных в Azure.

томскНадежда Мусиенко

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

Rich text editing with Draft.jsNikolaus Graf

React & Redux in HuluMorgan Cheng

This document discusses React and Redux implementation at Hulu. It describes challenges with their previous jQuery and Backbone code including system complexity, lack of component isolation, and performance bottlenecks. It introduces React and Redux as part of their new tech stack to address these issues. Key benefits of React discussed include the virtual DOM and JSX. Key aspects of Redux discussed include using a single reducer and store to simplify state management compared to Flux. Server-side rendering is also covered.

На плаву!ITCrowd Almaty

Колёса: Раньше и сейчас. Как поменять архитектуру высоконагруженного проектаITCrowd Almaty

Документ описывает быстрое развитие серверной инфраструктуры и операций с 2011 по 2015 годы, охватывая использование технологий openvz и kvm, а также переход к более масштабируемым решениям. Основные успехи включают внедрение автоматизации конфигурации через chef и внедрение распределенных систем хранения данных, что привело к значительному увеличению производительности и снижению задержек. В результате изменений удалось упростить управление ресурсами и оптимизировать веб-приложения с растущей нагрузкой.

Обучение фронтенд разработкеITCrowd Almaty

Документ описывает курс обучения фронтенд-разработке, проведенный под руководством Олега Мохова в 2014 году. В нем изложены темы учебной программы, включая HTML, CSS, JavaScript и методы автоматизации, а также оценки и результаты студентов. Упоминаются менторы, хакатоны и ссылки на дополнительные ресурсы для обучения.

Web Performance в КазнетеITCrowd Almaty

Документ анализирует производительность веб-сайтов в казнете, предоставляя данные о времени загрузки и трафике для пяти наиболее популярных сайтов. Рассматриваются проблемы скорости загрузки и даются рекомендации по оптимизации, включая минификацию, использование CDN и оптимизацию серверов. В заключение подчеркивается важность оптимизации для улучшения пользовательского опыта.

Разработка API для большого, нагруженного сервисаITCrowd Almaty

Документ описывает историю и текущее состояние разработки сервисов 'колёса', включая технологии и архитектуру, использующиеся за их созданием. Особое внимание уделяется API, его структуре и переходу от устаревших систем к более современным решениям, таким как MongoDB и OpenStack Swift. Также рассматриваются будущие планы по улучшению надежности и производительности систем.

Бэкенд, Фронтенд — всё смешалось. Обзорная экскурсия в будущее веб-разработкиITCrowd Almaty

Документ представляет собой обзор эволюции веб-разработки и технологий, включая бэкенд и фронтенд. Обсуждаются такие инструменты, как React, GraphQL, Webpack и Node.js, а также их влияние на создание одностраничных приложений (SPA) и управление данными. Один из основных выводов заключается в том, что современные подходы и инструменты ведут к упрощению разработки и улучшению производительности, несмотря на существующие проблемы и вызовы.

Мобильность на Колёсах: об инструментах и полезных вещахITCrowd Almaty

Документ посвящен инструментам для оптимизации сборки мобильных приложений, в частности, рассматриваются решение проблем медленных сборок и необходимость создания различных видов сборок для разработчиков и тестировщиков. Описываются системы управления артефактами, использование Gradle и CI/CD для автоматизации сборок, а также методы улучшения производительности. Приводятся ссылки на ресурсы по настройке необходимых инструментов и примеры конфигурации.

Ключ от всех дверей: чем опасен Великий Казахстанский ФайерволлITCrowd Almaty

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

Вредные советы для разработчиковITCrowd Almaty

Документ содержит ряд противоречивых советов для разработчиков, представленных в формате 'как не надо делать' и 'как надо делать'. Основное внимание уделяется важности настройки безопасности, управления доступом, использования правильных практик разработки и документирования проектов. Авторы акцентируют внимание на том, что соблюдение правил может значительно повысить безопасность и эффективность работы серверов и приложений.

Docker с чем едят и для чего используютITCrowd Almaty

Документ представляет собой руководство по использованию Docker, включая его принцип работы и важные компоненты, такие как образы и контейнеры. В нем приводятся примеры настройки Nginx и других сервисов с использованием Dockerfile и Docker Compose. Также включены ссылки на полезные ресурсы и дополнительные материалы по Docker.

Чем бесят программистыITCrowd Almaty

Максим Кравец, администратор серверных систем, делится своим опытом работы с Linux в течение 13 лет. Он обсуждает аспекты перфекционизма и лени в контексте логирования и предоставляет информацию по использованию скрипта bender.sh. Для дополнительных вопросов можно связаться с ним по электронной почте или Skype.

ITCrowd 2 - Разработка крупного проекта в командеITCrowd Almaty

Документ обсуждает трудности разработки крупного проекта в команде, выделяя важные факторы, такие как единая среда разработки и система управления проектами. Он также упоминает негативные практики, такие как большие пулл/мерж реквесты и глобальные изменения. Документ поднимает вопросы о коммуникации и согласованности в команде.

Александр Трищенко: Phalcon frameworkOleg Poludnenko

Документ представляет обзор фреймворка Phalcon, подчеркивая его высокую производительность, легкость и чистоту кода как основные преимущества, но также указывает на недостатки, такие как ограниченная версия для всех приложений и отсутствие поддержки на shared хостингах. Специальные возможности включают ORM/ODM с безопасным языком запросов PHQL и возможности кэширования, а также инструменты для тестирования и миграции. Кроме того, документ предоставляет ссылки на полезные ресурсы и описывает аннотации, безопасность и интеграцию с другими библиотеками.

Доклад "React under the hood"Kateryna Porshnieva

Документ объясняет работу ReactJS, акцентируя внимание на его подходе к перерисовке интерфейса при изменении состояния. Он описывает использование виртуального DOM для оптимизации отправки изменений в реальный DOM и эффективные алгоритмы сравнения. Документ также упоминает методы, такие как batching и делегирование событий для улучшения производительности.

Industrial Programming Java - Lection Pack 03 - Relational Databases - Lavren...Fedor Lavrentyev

Документ описывает реляционные базы данных и процесс проектирования модели предметной области, включая терминологию, нормализацию, идентификаторы и индексы. Особое внимание уделяется работе с JDBC в контексте Spring, включая создание соединений, выполнение запросов и обработку исключений. Приведены примеры реальных SQL-запросов и использование Spring JDBC для упрощения работы с данными.

MongoDB basics in RussianOleg Kachan

Документ описывает MongoDB как документно-ориентированную NoSQL базу данных, предоставляющую высокую скорость работы и универсальность благодаря поддержке множества языков программирования. Он сравнивает MongoDB с традиционными реляционными базами данных, выделяя особенности, такие как отсутствие необходимости в объединении таблиц и возможность хранения разнообразной информации. Также приводятся примеры применения MongoDB, такие как хранение геоданных и система управления контентом.

Артем Тритяк, Lead Front-End developer в Electric CloudProvectus

Документ обсуждает использование React.js для построения сложных пользовательских интерфейсов, подчеркивая его преимущества в производительности и удобстве разработки. Он включает подробности о таких концепциях, как Virtual DOM, JSX и Flux, а также упоминает серверный рендеринг и его применение с различными серверными технологиями. Также рассматривается React Native как способ разработки кросс-платформенных приложений, выделяя преимущества JavaScript и различных методов стилизации.

Основы Java. 5. DatabasesSergey Nemchinsky

Документ охватывает основы Java и работу с базами данных, включая три уровня приложения: интерфейс, бизнес-логику и данные. Рассматриваются реляционные и объектные базы данных, а также использование JDBC и ORM для подключения и взаимодействия с базами данных. Приведены примеры кода и задания для практического освоения тем.

ReactJS: Свет в конце тоннеляRinat Abdullin

Документ обсуждает разработку веб-приложений с использованием ReactJS, подчеркивая проблемы масштабируемости и сложности при добавлении новых функций. Он объясняет основные концепции React, такие как компоненты, виртуальный дом (vdom) и использование JSX для упрощения кода. Также представлен пример реализации простого приложения для управления задачами с использованием React.

LvivJS 2014 - Win-win c React.jsMax Klymyshyn

Документ представляет собой обзор React.js, включая его компоненты, виртуальное DOM, JSX и концепции, такие как однонаправленный поток данных с архитектурой Flux. Обсуждаются преимущества использования React, такие как простота интеграции в существующий код и улучшенная производительность. Также поднимется важность разделения ответственности в разработке приложений.

Backbone.js Профилактика сколиоза MitinPavel

Документ рассматривает использование Backbone.js в контексте разработки веб-приложений с использованием Ruby on Rails, с акцентом на архитектуру моделей и коллекций. Вместо традиционных подходов он подчеркивает важность событий, роутеров и управления зависимостями, указывая на необходимость структурирования проекта и управления различными шаблонами. Также упоминается, что архитектура с использованием MVC на клиенте требует больше времени по сравнению с традиционными методами.

SQL Server DenaliДенис Резник

Документ представляет собой обзор функций и нововведений SQL Server 'Denali', включая улучшения производительности, поддержку новых типов данных и управление отказоустойчивостью. Автор, Денис Резник, обсуждает расширенные возможности обработки ошибок, оптимизацию индексов и новые функции визуализации данных. Документ также затрагивает вопрос депрекации некоторых функций и предоставляет информацию о различных инструментах и функциональностях, связанных с разработкой и администрированием SQL Server.

React + Flux

1. REACTJS A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES /nvnoskov @nvnoskov

2. ReactJS это не "ещё один JS-framework". AngularJS, EmberJS, Knockout, Backbone

3. ЗАДАЧИ REACTJS Рендер интерфейса Реакция на события

4. VIRTUAL DOM React рендерит документ в памяти при изменении данных. В DOM-е только отражаются только минимально необходимые изменённия.

5. THINKING IN REACTJS → FilterableProductTable (оранжевый): Основной компонент примера SearchBar (синий): пользовательский ввод (поиск) ProductTable (зеленый): Отображает и фильтрует данные основываясь на поиск ProductCategoryRow (голубой): Категория ProductRow (красный): отображает строку с данными

6. ONE WAY DATA-BINDING

7. JSX: JS: JSX render: function () { return <div classname="divider"> Текст <hr> </div>; } render: function () { return React.DOM.div({className:"divider"}, "Текст", React.DOM.hr() ); }

8. FLUX

9. FLUX Dispatcher Actions Store Components Constants

10. ПОЛЕЗНЫЕ ССЫЛКИ Thinking in React Flux – Chat Awesome React

11. СПАСИБО ЗА ВНИМАНИЕ! ВОПРОСЫ? [email protected] http://facebook.com/nvnoskov @nvnoskov

React + Flux

Recommended

More Related Content

Viewers also liked (13)

Similar to React + Flux (20)

More from ITCrowd Almaty (10)

React + Flux