Trying ReasonML with React hooks for the first time (Jared Forsyth)
Skills:
React90%
Key Takeaways
Tries ReasonML with React hooks for the first time
Original Description
🔗 Brilliant
Interactive courses on computer science (Sponsor)
Use link to get 20% off annual subscription:
https://brilliant.org/fff
🔗 Follow Fun Fun Function Twitch
We record the show live Mondays 7 AM PT
https://twitch.tv/funfunfunction
🔗 Follow Jared (our guest)
We record the show live Mondays 7 AM PT
https://twitter.com/jaredforsyth
⏰Quick jump
03:32 Good Monday morning
00:05:15 What are we going to do?
00:06:52 Who is Jared Forsyth?
00:15:46 Advice on mentoring beginners (using Open Source projects!)
https://firstpr.me
00:24:11 Why use ReasonML? Red-Green-refactor and innovation budgets.
00:32:36 Can ReasonML work with third party JavaScript libraries? Visualising finite state machines using XState
00:36:58 How is ReasonML used at Facebook?
00:40:12 Discussing Jonathan Blow talk about the collapse of civilizations
https://www.youtube.com/watch?v=pW-SOdj4Kkk
00:43:55 Svelte.js (https://github.com/sveltejs/svelte)
00:46:46 What is OCaml and how does it relate to ReasonML?
http://ocaml.org
https://elixir-lang.org
00:52:12 Setting up app
01:12:24 How React components look when written in ReasonML
01:15:35 React Hooks useEffect and ReasonML
01:18:01 What is Merlin?
01:21:50 ReasonML auto-returns last value
01:23:08 Using JavaScript inside ReasonML
01:24:37 ReasonML and immutability
01:25:21 Type annotating JavaScript objects in ReasonML
01:28:08 ”Some” in ReasonML
01:30:30 Switches in ReasonML
01:31:29 Adding typing to JSON objects + dot type notation
01:34:43 Accessing properties on ReasonML objects
01:39:33 Styling React components with ReasonML
01.43:17 Out of time! Summary, looking at generated JavaScript code
🔗 Reason Docs
https://reasonml.github.io
ReasonReact Docs
https://reasonml.github.io/reason-react
🔗Jared's ReasonReact Tutorial
https://jaredforsyth.com/posts/a-reason-react-tutorial
🔗Reason's Discord Channel
http://discord.gg/reasonml
🔗Reason's Discourse Forum
https://reasonml.chat
🔗OCaml's Discourse Forum
https://discuss.ocaml.org
🔗R
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
Playlist
Uploads from Fun Fun Function · Fun Fun Function · 0 of 60
← Previous
Next →
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
Higher-order functions - Part 1 of Functional Programming in JavaScript
Fun Fun Function
Map - Part 2 of Functional Programming in JavaScript
Fun Fun Function
Reduce basics - Part 3 of Functional Programming in JavaScript
Fun Fun Function
Destructuring: What, Why and How - Part 1 of ES6 JavaScript Features
Fun Fun Function
Reduce Advanced - Part 4 of Functional Programming in JavaScript
Fun Fun Function
Closures - Part 5 of Functional Programming in JavaScript
Fun Fun Function
Too many tools and frameworks!
Fun Fun Function
Currying - Part 6 of Functional Programming in JavaScript
Fun Fun Function
Recursion - Part 7 of Functional Programming in JavaScript
Fun Fun Function
Promises - Part 8 of Functional Programming in JavaScript
Fun Fun Function
Staying relevant as a programmer
Fun Fun Function
Factory Functions in JavaScript
Fun Fun Function
Composition over Inheritance
Fun Fun Function
Software needs to be better - FunFunFunction #1
Fun Fun Function
Unit testing: How to get your team started - FunFunFunction #2
Fun Fun Function
Straight-line code over functions - FunFunFunction #3
Fun Fun Function
Clojure - FunFunFunction #5
Fun Fun Function
The growth stages of a programmer - FunFunFunction #6
Fun Fun Function
5 tips to quickly understand a new code base - FunFunFunction #7
Fun Fun Function
Semicolons cannot save you! - FunFunFunction #9
Fun Fun Function
Functors - FunFunFunction #10
Fun Fun Function
Functors: I was WRONG! - FunFunFunction #11
Fun Fun Function
Questions and Answers - FunFunFunction #12
Fun Fun Function
Streams - FunFunFunction #13
Fun Fun Function
Prototypes in JavaScript - FunFunFunction #16
Fun Fun Function
Fast or Flexible? - FunFunFunction #17
Fun Fun Function
Coders are herd animals - FunFunFunction #18
Fun Fun Function
Weekend Kubernetes Shenanigans - FunFunFunction #19
Fun Fun Function
Monad - FunFunFunction #21
Fun Fun Function
Moar Weekend Shenanigans - FunFunFunction #23
Fun Fun Function
Questions and Answers - FunFunFunction #24
Fun Fun Function
Losing motivation - FunFunFunction #25
Fun Fun Function
LONGEST KUBERNETES SHENANIGANS! - FunFunFunction #26
Fun Fun Function
Fast code is NOT important - FunFunFunction #27
Fun Fun Function
Pair Programming a Facebook Messenger Bot - FunFunFunction #28
Fun Fun Function
Writing unit tests for personal projects? - FunFunFunction #29
Fun Fun Function
Let's Code a Pomodoro Button - FunFunFunction #30
Fun Fun Function
What editor do you use? - FunFunFunction #31
Fun Fun Function
Arrow functions in JavaScript - What, Why and How - FunFunFunction #32
Fun Fun Function
Is Programming Art? - MPJ's Musings - FunFunFunction #33
Fun Fun Function
Generators in JavaScript - What, Why and How - FunFunFunction #34
Fun Fun Function
Haskell Basics - FunFunFunction #35
Fun Fun Function
Haskell - Baby's first functions - FunFunFunction #36
Fun Fun Function
Is Big O relevant to you? - Q&A Part 1 - FunFunFunction #37
Fun Fun Function
How much are you allowed to Google? - Q&A Part 2 - FunFunFunction #38
Fun Fun Function
Haskell lists - FunFunFunction #39
Fun Fun Function
var, let and const - What, why and how - ES6 JavaScript Features
Fun Fun Function
Why are some programming languages popular? - MPJ's Musings - FunFunFunction #41
Fun Fun Function
Does a developer need to be nice? - MPJ's Musings - FunFunFunction #42
Fun Fun Function
bind and this - Object Creation in JavaScript P1 - FunFunFunction #43
Fun Fun Function
Examples of this and bind - Object Creation in JavaScript P2 - FunFunFunction #44
Fun Fun Function
Prototype basics - Object Creation in JavaScript P3 - FunFunFunction #46
Fun Fun Function
Separation of concerns RANT - MPJ's Musings - FunFunFunction #47
Fun Fun Function
Cellular Automata - Pair Programming - FunFunFunction #49
Fun Fun Function
The 'new' keyword - Object Creation in JavaScript P4 - FunFunFunction #50
Fun Fun Function
__proto__ vs prototype - Object Creation in JavaScript P5 - FunFunFunction #52
Fun Fun Function
Unity game pair programming - Let's code - FunFunFunction #53
Fun Fun Function
Throw out your tools - MPJ's Musings - FunFunFunction #54
Fun Fun Function
Unit tests vs. Integration tests - MPJ's Musings - FunFunFunction #55
Fun Fun Function
Object.create - Object Creation in JavaScript P6 - FunFunFunction #57
Fun Fun Function
More on: React
View skill →
Related Reads
📰
📰
📰
📰
The React Compiler Just Made Your Memoization Knowledge Obsolete. Here’s What to Learn Instead.
Medium · JavaScript
You don't need a backend to store form submissions. You need a place to ask "how many."
Dev.to · Omer Hochman
The Matrix of Layouts: CSS Grid vs Flexbox
Dev.to · Timevolt
Memoization useMemo()Explained: Why React Doesn’t Need to Repeat the Same Work
Medium · JavaScript
Chapters (23)
3:32
Good Monday morning
5:15
What are we going to do?
6:52
Who is Jared Forsyth?
15:46
Advice on mentoring beginners (using Open Source projects!)
24:11
Why use ReasonML? Red-Green-refactor and innovation budgets.
32:36
Can ReasonML work with third party JavaScript libraries? Visualising finite stat
36:58
How is ReasonML used at Facebook?
40:12
Discussing Jonathan Blow talk about the collapse of civilizations
43:55
Svelte.js (https://github.com/sveltejs/svelte)
46:46
What is OCaml and how does it relate to ReasonML?
52:12
Setting up app
1:12:24
How React components look when written in ReasonML
1:15:35
React Hooks useEffect and ReasonML
1:18:01
What is Merlin?
1:21:50
ReasonML auto-returns last value
1:23:08
Using JavaScript inside ReasonML
1:24:37
ReasonML and immutability
1:25:21
Type annotating JavaScript objects in ReasonML
1:28:08
”Some” in ReasonML
1:30:30
Switches in ReasonML
1:31:29
Adding typing to JSON objects + dot type notation
1:34:43
Accessing properties on ReasonML objects
1:39:33
Styling React components with ReasonML
🎓
Tutor Explanation
DeepCamp AI