Fun Fun Function | Trying ReasonML with React hooks for the first time (Jared Forsyth) @funfunfunction | Uploaded May 2019 | Updated October 2024, 1 hour ago.
π Brilliant
Interactive courses on computer science (Sponsor)
Use link to get 20% off annual subscription:
brilliant.org/fff
π Follow Fun Fun Function Twitch
We record the show live Mondays 7 AM PT
twitch.tv/funfunfunction
π Follow Jared (our guest)
We record the show live Mondays 7 AM PT
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!)
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
youtube.com/watch?v=pW-SOdj4Kkk
00:43:55 Svelte.js (github.com/sveltejs/svelte)
00:46:46 What is OCaml and how does it relate to ReasonML?
ocaml.org
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
reasonml.github.io
ReasonReact Docs
reasonml.github.io/reason-react
πJared's ReasonReact Tutorial
jaredforsyth.com/posts/a-reason-react-tutorial
πReason's Discord Channel
discord.gg/reasonml
πReason's Discourse Forum
https://reasonml.chat
πOCaml's Discourse Forum
discuss.ocaml.org
πReal World OCaml
dev.realworldocaml.org
π Follow on Twitch and support by becoming a Subscriber
We record the show live Mondays 7 AM PT
twitch.tv/funfunfunction
π Fun Fun Forum
Private discussion forum with other viewers in between shows. https://www.funfunforum.com. Available to patron members, become one at patreon.com/funfunfunction
π mpj on Twitter
twitter.com/mpjme
π CircleCI (Show sponsor)
Robust and sleek Docker-based Continuous Integration as a service. I used CircleCI prior to them becoming a sponsor and I love that their free tier is powerful enough for small personal projects, even if they are private. Use this link when you sign up to let them know you came from here:
circleci.funfunfunction.com
π Quokka (Show sponsor)
Wonder how MPJ evaluates JavaScript inline his editor. Quokka is the answer - use this link when you buy to let them know you came from here:
quokka.funfunfunction.com
π FUN FUN FUNCTION
Since 2015, Fun Fun Function (FFF) is one of the longest running weekly YouTube shows on programming π thanks to its consistency and quality reaching 200,000+ developers.
π€¦ββοΈ The Failing Together concept is what makes FFF unique. Most coding content out there focus on step-by-step tutorials. We think tutorials are too far removed from what everyday development is like. Instead, FFF has created a completely new learning environment where we grow from failure, by solving problems while intensively interacting with a live audience.
Tutorials try to solve a problem. Failing Together makes you grow as a developer and coworker.
πΉ Each show is recorded live on Twitch in a 2-hour livestream on Mondays. The host, assisted by the audience, is tasked to complete a programming challenge by an expert guest. Like in the real world, we often fail, and learn from it. This, of course, reflects what the audience identifies with, and is one of the most praised aspects of the show.
β― On Fridays, an edited version of the show is adapted for and published on YouTube.
Content Topics revolve around: JavaScript, Functional Programming, Software Architecture, Quality Processes, Developer Career and Health, Team Collaboration, Software Development, Project Management
π Brilliant
Interactive courses on computer science (Sponsor)
Use link to get 20% off annual subscription:
brilliant.org/fff
π Follow Fun Fun Function Twitch
We record the show live Mondays 7 AM PT
twitch.tv/funfunfunction
π Follow Jared (our guest)
We record the show live Mondays 7 AM PT
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!)
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
youtube.com/watch?v=pW-SOdj4Kkk
00:43:55 Svelte.js (github.com/sveltejs/svelte)
00:46:46 What is OCaml and how does it relate to ReasonML?
ocaml.org
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
reasonml.github.io
ReasonReact Docs
reasonml.github.io/reason-react
πJared's ReasonReact Tutorial
jaredforsyth.com/posts/a-reason-react-tutorial
πReason's Discord Channel
discord.gg/reasonml
πReason's Discourse Forum
https://reasonml.chat
πOCaml's Discourse Forum
discuss.ocaml.org
πReal World OCaml
dev.realworldocaml.org
π Follow on Twitch and support by becoming a Subscriber
We record the show live Mondays 7 AM PT
twitch.tv/funfunfunction
π Fun Fun Forum
Private discussion forum with other viewers in between shows. https://www.funfunforum.com. Available to patron members, become one at patreon.com/funfunfunction
π mpj on Twitter
twitter.com/mpjme
π CircleCI (Show sponsor)
Robust and sleek Docker-based Continuous Integration as a service. I used CircleCI prior to them becoming a sponsor and I love that their free tier is powerful enough for small personal projects, even if they are private. Use this link when you sign up to let them know you came from here:
circleci.funfunfunction.com
π Quokka (Show sponsor)
Wonder how MPJ evaluates JavaScript inline his editor. Quokka is the answer - use this link when you buy to let them know you came from here:
quokka.funfunfunction.com
π FUN FUN FUNCTION
Since 2015, Fun Fun Function (FFF) is one of the longest running weekly YouTube shows on programming π thanks to its consistency and quality reaching 200,000+ developers.
π€¦ββοΈ The Failing Together concept is what makes FFF unique. Most coding content out there focus on step-by-step tutorials. We think tutorials are too far removed from what everyday development is like. Instead, FFF has created a completely new learning environment where we grow from failure, by solving problems while intensively interacting with a live audience.
Tutorials try to solve a problem. Failing Together makes you grow as a developer and coworker.
πΉ Each show is recorded live on Twitch in a 2-hour livestream on Mondays. The host, assisted by the audience, is tasked to complete a programming challenge by an expert guest. Like in the real world, we often fail, and learn from it. This, of course, reflects what the audience identifies with, and is one of the most praised aspects of the show.
β― On Fridays, an edited version of the show is adapted for and published on YouTube.
Content Topics revolve around: JavaScript, Functional Programming, Software Architecture, Quality Processes, Developer Career and Health, Team Collaboration, Software Development, Project Management