Trying ReasonML with React hooks for the first time (Jared Forsyth)

🔗 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 🔗Real World OCaml http://dev.realworldocaml.org 💛 Follow on Twitch and support by becoming a Subscriber We record the show live Mondays 7 AM PT https://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 https://www.patreon.com/funfunfunction 💛 mpj on Twitter https://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: https://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: http://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