Successfully reported this slideshow.
Your SlideShare is downloading. ×

The React Productivity Revolution, by Tiago Forte

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Loading in …3
×

Check these out next

1 of 28 Ad

The React Productivity Revolution, by Tiago Forte

Download to read offline

The slides from a talk I delivered on 10/25/17, at Reactive Conference 2017, on how principles and features of the React javascript front-end programming framework can be generalized to massively improve all kinds of knowledge work.

The slides from a talk I delivered on 10/25/17, at Reactive Conference 2017, on how principles and features of the React javascript front-end programming framework can be generalized to massively improve all kinds of knowledge work.

Advertisement
Advertisement

More Related Content

Advertisement

The React Productivity Revolution, by Tiago Forte

  1. 1. The React Productivity Revolution 1 ©fortelabs.co The ReAct PRODuctivity Revolution Tiago Forte Reactive Conference 10/25/17 
  2. 2. FLOW The React Productivity Revolution 2 ©fortelabs.co
  3. 3. MARK02 presentation Building a Second Brain X ©fortelabs.co 3 Mihaly Csikszentmihalyi, Flow: The Psychology of Optimal Experience “Flow (n.): a mental state of operation in which a person performing an activity is fully immersed in a feeling of energized focus, full involvement, and enjoyment in the process of the activity” The React Productivity Revolution 3 ©fortelabs.co
  4. 4. The React Productivity Revolution 4 ©fortelabs.co
  5. 5. The React Productivity Revolution 5 ©fortelabs.co
  6. 6. The React Productivity Revolution 6 ©fortelabs.co
  7. 7. norepinephrine tightens focus dopamine improves pattern recognition anandamide improves lateral thinking nitric oxide suppresses stress response endorphins give sense of inner tranquility Transient hypofrontality The React Productivity Revolution 7 ©fortelabs.co
  8. 8. experience learning performance FLOW The React Productivity Revolution 8 ©fortelabs.co
  9. 9. © fortelabs.co Avoiding “interruptions and distractions” (i.e. people) Long, uninterrupted stretches of focus time Single-tasking and back-to-back “sprints” FLOW Managing work-in-process in your head The React Productivity Revolution 9 ©fortelabs.co
  10. 10. Building a Second Brain X ©fortelabs.co HeAVy lifts The React Productivity Revolution 10 ©fortelabs.co
  11. 11. Building a Second Brain X ©fortelabs.co Triggers for flow ExternalInternal presence of risk rich environment deep embodiment clear goals immediate feedback challenge-skill ratio The React Productivity Revolution 11 ©fortelabs.co
  12. 12. Stateful Encapsulated Reusable Composable 04 03 02 01 SERC components The React Productivity Revolution 12 ©fortelabs.co
  13. 13. Building a Second Brain X ©fortelabs.co Knowledge work today knowledge work The React Productivity Revolution 13 ©fortelabs.co
  14. 14. Stateful Encapsulated Reusable Composable 04 03 02 01 SERC components The React Productivity Revolution 14 ©fortelabs.co
  15. 15. © fortelabs.co examples illustrations screenshots mindmaps diagrams book notes statistics quotes Your work is made up of content The React Productivity Revolution 15 ©fortelabs.co
  16. 16. Step 1: Identify and collect your work content book notes voice memos text photos webpages files paper documents handwritten notes screenshots centralized store The React Productivity Revolution 16 ©fortelabs.co
  17. 17. Stateful Encapsulated Reusable Composable 04 03 02 SERC components 01 The React Productivity Revolution 17 ©fortelabs.co
  18. 18. Building a Second Brain X ©fortelabs.co Step 2: Break down this content into small packets with clean edges The React Productivity Revolution 18 ©fortelabs.co
  19. 19. © fortelabs.co Personal, informal, quick and dirty Open-ended and never finished Low expectations for quality/polish Mixes diverse types of media Note-taking apps The React Productivity Revolution 19 ©fortelabs.co
  20. 20. 04 03 Stateful Encapsulated Reusable Composable SERC components 02 01 The React Productivity Revolution 20 ©fortelabs.co
  21. 21. Step 3: Design notes for easy search and retrieval Informative title Thematic tags Concise summary Links and imagesBolding and highlighting Comments & annotations The React Productivity Revolution 21 ©fortelabs.co
  22. 22. Building a Second Brain X ©fortelabs.co Step 4: Organize these packets by project and topic The React Productivity Revolution 22 ©fortelabs.co
  23. 23. 03 Stateful Encapsulated Reusable Composable SERC components 03 02 01 The React Productivity Revolution 23 ©fortelabs.co
  24. 24. Seeing switching contexts getting feedback interviews and surveys tweetstorms taking good notes blogging Writing Drawing sketchnotes diagrams or drawings slides speaking at TEDx or Ignite presenting at a meetup recording a video Performing Producing summarizing or condensing interpreting or critiquing translating to alternative medium charging $ teaching collaborating Selling 01 03 05 02 04 06 H ] xko U Step 5: Practice composing things The React Productivity Revolution 24 ©fortelabs.co
  25. 25. Building a Second Brain X ©fortelabs.co Assemble new functionality out of existing modules Reusability O Virtual DOM/tree reconciliation Focus on incremental changes Separating function from state Abstraction Late-binding and dependency injection Flexibility F Context inheritance, one-way data flow, lifting state up Single source of truth Separation of presentational and container components Simultaneous development y  / Benefits of SERC components a The React Productivity Revolution 25 ©fortelabs.co
  26. 26. Building a Second Brain X ©fortelabs.co Requirements for flow FLOWImmediate feedback Clear goals Challenge-skill ratio The React Productivity Revolution 26 ©fortelabs.co
  27. 27. experience projects knowledge Personal Knowledge Management (PKM) intellectual capital The React Productivity Revolution 27 ©fortelabs.co
  28. 28. Building a Second Brain X ©fortelabs.co www.reactproductivityrevolution.com slides with commentary blog post on modular project networks my contact info The React Productivity Revolution 28 ©fortelabs.co

×