More Related Content Similar to The React Productivity Revolution, by Tiago Forte (20) The React Productivity Revolution, by Tiago Forte1. The React Productivity Revolution
1
©fortelabs.co
The ReAct
PRODuctivity
Revolution
Tiago Forte
Reactive Conference
10/25/17
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
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. Building a Second Brain
X
©fortelabs.co
HeAVy lifts
The React Productivity Revolution
10
©fortelabs.co
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
13. Building a Second Brain
X
©fortelabs.co
Knowledge work today
knowledge work
The React Productivity Revolution
13
©fortelabs.co
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
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. © 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
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. Building a Second Brain
X
©fortelabs.co
Step 4: Organize these packets by project and topic
The React Productivity Revolution
22
©fortelabs.co
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. 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. Building a Second Brain
X
©fortelabs.co
Requirements for flow
FLOWImmediate feedback
Clear goals
Challenge-skill ratio
The React Productivity Revolution
26
©fortelabs.co
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