SlideShare a Scribd company logo
1 of 28
Download to read offline
The React Productivity Revolution
1
©fortelabs.co
The ReAct
PRODuctivity
Revolution
Tiago Forte
Reactive Conference
10/25/17

FLOW
The React Productivity Revolution
2
©fortelabs.co
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
The React Productivity Revolution
4
©fortelabs.co
The React Productivity Revolution
5
©fortelabs.co
The React Productivity Revolution
6
©fortelabs.co
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
experience
learning
performance
FLOW
The React Productivity Revolution
8
©fortelabs.co
© 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
Building a Second Brain
X
©fortelabs.co
HeAVy lifts
The React Productivity Revolution
10
©fortelabs.co
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
Stateful
Encapsulated
Reusable
Composable 04
03
02
01
SERC components
The React Productivity Revolution
12
©fortelabs.co
Building a Second Brain
X
©fortelabs.co
Knowledge work today
knowledge work
The React Productivity Revolution
13
©fortelabs.co
Stateful
Encapsulated
Reusable
Composable 04
03
02
01
SERC components
The React Productivity Revolution
14
©fortelabs.co
© 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
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
Stateful
Encapsulated
Reusable
Composable 04
03
02
SERC components
01
The React Productivity Revolution
17
©fortelabs.co
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
© 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
04
03
Stateful
Encapsulated
Reusable
Composable
SERC components
02
01
The React Productivity Revolution
20
©fortelabs.co
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
Building a Second Brain
X
©fortelabs.co
Step 4: Organize these packets by project and topic
The React Productivity Revolution
22
©fortelabs.co
03
Stateful
Encapsulated
Reusable
Composable
SERC components
03
02
01
The React Productivity Revolution
23
©fortelabs.co
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
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
Building a Second Brain
X
©fortelabs.co
Requirements for flow
FLOWImmediate feedback
Clear goals
Challenge-skill ratio
The React Productivity Revolution
26
©fortelabs.co
experience projects
knowledge
Personal Knowledge Management (PKM)
intellectual
capital
The React Productivity Revolution
27
©fortelabs.co
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

More Related Content

What's hot

Minto pyramid
Minto pyramidMinto pyramid
Minto pyramid
shachihp
 

What's hot (20)

How to Be Happy at Work - 10 Simple Tips That Work
How to Be Happy at Work - 10 Simple Tips That WorkHow to Be Happy at Work - 10 Simple Tips That Work
How to Be Happy at Work - 10 Simple Tips That Work
 
Work Life Balance
Work Life BalanceWork Life Balance
Work Life Balance
 
Jobs-To-Be-Done Theory
Jobs-To-Be-Done TheoryJobs-To-Be-Done Theory
Jobs-To-Be-Done Theory
 
The Outcome Economy
The Outcome EconomyThe Outcome Economy
The Outcome Economy
 
Aligning Performance Levers for Breakthrough Sales Results 08-2011
Aligning Performance Levers for Breakthrough Sales Results 08-2011Aligning Performance Levers for Breakthrough Sales Results 08-2011
Aligning Performance Levers for Breakthrough Sales Results 08-2011
 
Basic Chemistry on Your Slide
Basic Chemistry on Your SlideBasic Chemistry on Your Slide
Basic Chemistry on Your Slide
 
10 Practical Ways to Be More Efficient at Work
10 Practical Ways to Be More Efficient at Work10 Practical Ways to Be More Efficient at Work
10 Practical Ways to Be More Efficient at Work
 
Agile Kaizen: Agile Product Management - Course Slides
Agile Kaizen: Agile Product Management - Course SlidesAgile Kaizen: Agile Product Management - Course Slides
Agile Kaizen: Agile Product Management - Course Slides
 
The pyramid principle by barbara minto
The pyramid principle by barbara mintoThe pyramid principle by barbara minto
The pyramid principle by barbara minto
 
12 Days of Productivity
12 Days of Productivity12 Days of Productivity
12 Days of Productivity
 
Rewire Your Brain
Rewire Your BrainRewire Your Brain
Rewire Your Brain
 
Kuala Lumpur CTO Summit - How to fire employees
Kuala Lumpur CTO Summit - How to fire employeesKuala Lumpur CTO Summit - How to fire employees
Kuala Lumpur CTO Summit - How to fire employees
 
10 Productivity Hacks Backed By Science
10 Productivity Hacks Backed By Science10 Productivity Hacks Backed By Science
10 Productivity Hacks Backed By Science
 
Top Productivity Working Hacks by Jan Rezab
Top Productivity Working Hacks by Jan RezabTop Productivity Working Hacks by Jan Rezab
Top Productivity Working Hacks by Jan Rezab
 
9 Ways to Be More Productive - Backed by Science
9 Ways to Be More Productive - Backed by Science9 Ways to Be More Productive - Backed by Science
9 Ways to Be More Productive - Backed by Science
 
Minto pyramid
Minto pyramidMinto pyramid
Minto pyramid
 
Your Keys to an Extraordinary Life of Fulfillment
Your Keys to an Extraordinary Life of Fulfillment Your Keys to an Extraordinary Life of Fulfillment
Your Keys to an Extraordinary Life of Fulfillment
 
Empathy Mapping: Developing Deeper Insights
Empathy Mapping: Developing Deeper InsightsEmpathy Mapping: Developing Deeper Insights
Empathy Mapping: Developing Deeper Insights
 
Learn-how-to-learn
Learn-how-to-learnLearn-how-to-learn
Learn-how-to-learn
 
Liberating Structures Day 2 Slides
Liberating Structures Day 2 SlidesLiberating Structures Day 2 Slides
Liberating Structures Day 2 Slides
 

Similar to The React Productivity Revolution, by Tiago Forte

Agile Development Process & Scrum
Agile Development Process & ScrumAgile Development Process & Scrum
Agile Development Process & Scrum
Otavio Ferreira
 
Mariusz Sieraczkiewicz - Natural course of refactoring
Mariusz Sieraczkiewicz - Natural course of refactoringMariusz Sieraczkiewicz - Natural course of refactoring
Mariusz Sieraczkiewicz - Natural course of refactoring
Agile Lietuva
 
Formations project
Formations project Formations project
Formations project
IETI SD
 

Similar to The React Productivity Revolution, by Tiago Forte (20)

Agile Development Process & Scrum
Agile Development Process & ScrumAgile Development Process & Scrum
Agile Development Process & Scrum
 
Project Management in the Fuzzy Front-End
Project Management in the Fuzzy Front-EndProject Management in the Fuzzy Front-End
Project Management in the Fuzzy Front-End
 
"Naturepreneurs" - How startups become sustainable inspired by nature
"Naturepreneurs" - How startups become sustainable inspired by nature"Naturepreneurs" - How startups become sustainable inspired by nature
"Naturepreneurs" - How startups become sustainable inspired by nature
 
High Performing Teams Act Like Owners
High Performing Teams Act Like OwnersHigh Performing Teams Act Like Owners
High Performing Teams Act Like Owners
 
Apdf Spontaneous Invention
Apdf Spontaneous InventionApdf Spontaneous Invention
Apdf Spontaneous Invention
 
Agile leadership practices for PIONEERS
 Agile leadership practices for PIONEERS Agile leadership practices for PIONEERS
Agile leadership practices for PIONEERS
 
Digital re-innovation - technovation for learning
Digital re-innovation - technovation for learningDigital re-innovation - technovation for learning
Digital re-innovation - technovation for learning
 
Agile Methods Experience Report by Andrew Rendell, Valtech
Agile Methods Experience Report by Andrew Rendell, ValtechAgile Methods Experience Report by Andrew Rendell, Valtech
Agile Methods Experience Report by Andrew Rendell, Valtech
 
Bayer, suspend flexx presentation
Bayer, suspend flexx presentationBayer, suspend flexx presentation
Bayer, suspend flexx presentation
 
Incrementally Refactoring Your Habits with Psychology
Incrementally Refactoring Your Habits with PsychologyIncrementally Refactoring Your Habits with Psychology
Incrementally Refactoring Your Habits with Psychology
 
141022 ic3 k semanticsofinnovation missikoff
141022 ic3 k semanticsofinnovation missikoff141022 ic3 k semanticsofinnovation missikoff
141022 ic3 k semanticsofinnovation missikoff
 
Everything you Wanted to Know About Refactoring
Everything you Wanted to Know About RefactoringEverything you Wanted to Know About Refactoring
Everything you Wanted to Know About Refactoring
 
Formation`s project
Formation`s projectFormation`s project
Formation`s project
 
ANIn Coimbatore March 2023 |How Did Feedback Loops Help To Build Better Produ...
ANIn Coimbatore March 2023 |How Did Feedback Loops Help To Build Better Produ...ANIn Coimbatore March 2023 |How Did Feedback Loops Help To Build Better Produ...
ANIn Coimbatore March 2023 |How Did Feedback Loops Help To Build Better Produ...
 
Mariusz Sieraczkiewicz - Natural course of refactoring
Mariusz Sieraczkiewicz - Natural course of refactoringMariusz Sieraczkiewicz - Natural course of refactoring
Mariusz Sieraczkiewicz - Natural course of refactoring
 
ITP / SED Day 6
ITP / SED Day 6ITP / SED Day 6
ITP / SED Day 6
 
Innovation in a time of radical changes
Innovation in a time of radical changesInnovation in a time of radical changes
Innovation in a time of radical changes
 
Natural course of refactoring - Mix-IT Lyon 2014
Natural course of refactoring - Mix-IT Lyon 2014Natural course of refactoring - Mix-IT Lyon 2014
Natural course of refactoring - Mix-IT Lyon 2014
 
Formations project
Formations project Formations project
Formations project
 
TPS Lean and Agile - Brief History and Future
TPS Lean and Agile - Brief History and FutureTPS Lean and Agile - Brief History and Future
TPS Lean and Agile - Brief History and Future
 

Recently uploaded

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Recently uploaded (20)

Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 

The React Productivity Revolution, by Tiago Forte