react + flux - files.meetup.com - why and why not.pdf · (and a little meteor) bucharestjs meetup...

React + Flux Why, when, why not? (and a little Meteor) BucharestJS Meetup June 24th, 2015

Upload: others

Post on 18-Aug-2020

0 views

Category:

Documents

0 download

Report

Download

Embed Size (px):

TRANSCRIPT

React + FluxWhy, when, why not?(and a little Meteor)

BucharestJS MeetupJune 24th, 2015

Andrei Popovici

ADYUSstartup labs

Product Manager & UX Designer

What is React?

“A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES”

JUST THE UI VIRTUAL DOM DATA FLOW

Blaze-ingly fast Easy to test,Easy to reason

Promotes separation of concerns

Page 4: React + Flux - files.meetup.com - Why and why not.pdf · (and a little Meteor) BucharestJS Meetup June 24th, 2015. Andrei Popovici ADYUS startup labs Product Manager & UX Designer

Old and busted:

credit:

http://blog.percolatestudio.com/engineering/reactive-user-interfaces/

Page 5: React + Flux - files.meetup.com - Why and why not.pdf · (and a little Meteor) BucharestJS Meetup June 24th, 2015. Andrei Popovici ADYUS startup labs Product Manager & UX Designer

New and trusted:

credit:

http://blog.percolatestudio.com/engineering/reactive-user-interfaces/

Page 6: React + Flux - files.meetup.com - Why and why not.pdf · (and a little Meteor) BucharestJS Meetup June 24th, 2015. Andrei Popovici ADYUS startup labs Product Manager & UX Designer

What is Flux?

“APPLICATION ARCHITECTURE FOR BUILDING USER INTERFACES”

NO CODE INCLUDED UNIDIRECTIONAL FLOW

Page 7: React + Flux - files.meetup.com - Why and why not.pdf · (and a little Meteor) BucharestJS Meetup June 24th, 2015. Andrei Popovici ADYUS startup labs Product Manager & UX Designer

The concept

Page 8: React + Flux - files.meetup.com - Why and why not.pdf · (and a little Meteor) BucharestJS Meetup June 24th, 2015. Andrei Popovici ADYUS startup labs Product Manager & UX Designer

The … code?

Page 9: React + Flux - files.meetup.com - Why and why not.pdf · (and a little Meteor) BucharestJS Meetup June 24th, 2015. Andrei Popovici ADYUS startup labs Product Manager & UX Designer

Let’s build The Button!

inspired by /r/thebutton and @Rahul

• A countdown timer• You can only click once• Timer resets when clicked• Closest to 0 wins

Rules:

Page 10: React + Flux - files.meetup.com - Why and why not.pdf · (and a little Meteor) BucharestJS Meetup June 24th, 2015. Andrei Popovici ADYUS startup labs Product Manager & UX Designer

The blueprint

Page 11: React + Flux - files.meetup.com - Why and why not.pdf · (and a little Meteor) BucharestJS Meetup June 24th, 2015. Andrei Popovici ADYUS startup labs Product Manager & UX Designer

The breakdown

Header & login

Timer

Button

Leaderboard

TheButtonApp

Page 12: React + Flux - files.meetup.com - Why and why not.pdf · (and a little Meteor) BucharestJS Meetup June 24th, 2015. Andrei Popovici ADYUS startup labs Product Manager & UX Designer

Demo Time - The Button

http://bucharestjs.meteor.com

andreipopovici / bucharestjs (Meteor.js)andreipopovici / bucharestjs-react (Meteor + React)

http://bucharestjs.meteor.com

Page 13: React + Flux - files.meetup.com - Why and why not.pdf · (and a little Meteor) BucharestJS Meetup June 24th, 2015. Andrei Popovici ADYUS startup labs Product Manager & UX Designer

Thank you

JA-60 Alarm system Installation manual - JR International AN NOT.pdf · JA-60 Alarm system Installation manual ... (Be sure that the panel is not crooked.) • Connect the Red wire

Dan Popovici, Jonas Stelzig and Luis Ugarte · 2020-07-08 · Dan Popovici, Jonas Stelzig and Luis Ugarte Abstract. For every positive integer r, we introduce two new cohomologies,

REPRESENTATIVE, REPRODUCIBLE, AND PRACTICAL … · 2010. 6. 9. · Jones, Shweta Krishnan, Andrew Krioukov, Joe Meehan, Florentina Popovici, Vijayan Prabhakaran, Abhishek Rajimwale,

To Have or Have Not.PDF

BUREAU VERITAS ROMANIA Country presentation For the benefit of business and people Jean Sever Popovici March, 2007

Symnet: scalable symbolic execution for modern networksconferences.sigcomm.org/.../program/...Radu-Slides.pdf · Radu Stoenescu, Matei Popovici, LorinaNegreanu and Costin Raiciu

Bazele Convertoarelor Statice Carte Popovici

REVISTA ROMÂNÃ DE rom cardio 1_ 2005.pdf · M. Popovici, V. Cobeþ, M. Todiraº, Victoria Ivanov, I. Popovici, N. Ciobanu, I. Moraru, Lucia Ciobanu Institutul de Cardiologie, Republica

PG-MSR207 manual swipe magnetic card Reader/Writer … AN NOT.pdf · PG-MSR207 manual swipe magnetic card Reader/Writer ... Thank you for purchasing the PG-MSR207 manual swipe magnetic

MOMENTE DRAMATICE DIN ISTORIA MUZEULUI ... - studii.crifst.ro · Agriculturii şi Domeniilor, Zaharia Popovici, directorul Institutului Bio-oceanografic din Constanţa (înfiinţat

Availability in Globally Distributed Storage Systems Daniel Ford, Franc¸ois Labelle, Florentina I. Popovici, Murray Stokely, Van-Anh Truong, Luiz Barroso,

Garagentorantrieb Notice de montage, d’utilisation et d ... FR NOT.pdf · Raccordement de boutons-poussoirs à impulsion externes pour démarrer ou arrêter des trajets de porte

Wireless Networks Authors: Marius Popovici Daniel Crişan Zagham Abbas Cluj-Napoca, 24 Nov. 2003 Technical University of Cluj-Napoca Group 3250

Modeling and Simulation of Piezoelectric Devicescdn.intechopen.com/pdfs/5404/InTech-Modeling_and_simulation_of... · 25 Modeling and Simulation of Piezoelectric Devices Dorina Popovici,

Made by Vlad Stegariu and Stefan Popovici National College, Iasi, Romania

Planejamento Estratégico Eduardo R. S. Popovici Tecnólogo em Redes de Computadores MBA, Planejamento estratégico de negócio com suporte da TI Microsoft

MORUZI ; TOMA, Ion Atlas botanic / Lucia Popovici 9Constanta Moruzislon Toma. — Editia a retizuitä. Bucuresti Editura DidactiCä Pedagogicä, 1985. 216 p, : ... 517108 POPOVICI,

licenta Popovici Oana

To Post or Not- That is the Would there - Mehta Orthodonticsmehtaorthodontics.com.au/pdf/Posts-or-Not.pdf · access cavity only No post 65 740 VOLUME 36 • NUMBER 9 • OCTOBER 2005

ZeroNegExponents and Sci Not.pdf

Name and surname - Babeș-Bolyai Universitymath.ubbcluj.ro/~popovici/NPopovici-CV-Publications... · 2020-01-31 · 5 International Symposium on Generalized Convexity and Monotonicity,

MoReq2 and the Romanian Framework Arhivaria Ltd Lucia Stefan Arhivaria Ltd, UK Bogdan-Florin Popovici, Ph.D. National Archives of Romania

Waste Not, Want Not - Animal Health Mediaanimalhealthmedia.com/.../16.-Waste-Not-Want-Not.pdf · food waste and our project. There we met many interesting people, one of whom was

PROJECT TRINNOD TRAINING IN ROMANIA PROJECT TRINNOD TRAINING IN ROMANIA Svetlana Popovici Liliana Seprödi Ruxandra Moroianu Tomina Mara

Popovici Eugen PowerPoint Presentation

34344Metode Moderne de Calcul in Const Navei O Popovici L Domnisoru

Graphic Identity of Brand BHUintranet.bhu.ac.in/BHU LOGO March 14Com Center/GAD Not.pdf · Graphic Identity of Brand BHU Approved by Academic Council vide ACR No. 23 dated 08.12.2012,

Semantically-Smart Disk Systems Muthian Sivathanu, Vijayan Prabhakaran, Florentina Popovici, Tim Denehy, Andrea Arpaci-Dusseau, Remzi Arpaci-Dusseau University

better together or not.pdf

Statistical Lab Using the R System Georgiana Popovici

OCTORAL HESIS TITUS POPOVICI Monographic Studydoctorate.uab.ro/upload/50_953_summary_doctoral_thesis... · 2016. 9. 13. · TITUS POPOVICI . Monographic Study (The writer and the

Scanned by CamScannersindicatulaspci.ro › wp-content › uploads › 2019 › 04 › ... · Sergiu Radu, Popovici Petronela, Dolhascanu Lenuta, Acasandrei Adina, Bläjut Maria Mihaela,

Statistical Lab Using the R-System - Georgiana Popovici

Cap. 3 Reti combinatorie: analisi e sintesi operatori ...vvw.web.cs.unibo.it/wiki/images/9/93/Cap_03_AND-OR-NOT.pdf · 3.2 COMPORTAMENTO A REGIME E IN TRANSITORIO DEI CIRCUITI COMBINATORI

DORU VLAD POPOVICI Carte Terapie Ocupationala Constanta 2005