Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying ReasonML Quick Start Guide
  • Table Of Contents Toc
  • Feedback & Rating feedback
ReasonML Quick Start Guide

ReasonML Quick Start Guide

By : Rafatpanah, Joseph D'mello
Buy this Book
close
close
ReasonML Quick Start Guide

ReasonML Quick Start Guide

By: Rafatpanah, Joseph D'mello
Buy this Book

Overview of this book

ReasonML, also known as Reason, is a new syntax and toolchain for OCaml that was created by Facebook and is meant to be approachable for web developers. Although OCaml has several resources, most of them are from the perspective of systems development. This book, alternatively, explores Reason from the perspective of web development. You'll learn how to use Reason to build safer, simpler React applications and why you would want to do so. Reason supports immutability by default, which works quite well in the context of React. In learning Reason, you will also learn about its ecosystem – BuckleScript, JavaScript interoperability, and various npm workflows. We learn by building a real-world app shell, including a client-side router with page transitions, that we can customize for any Reason project. You'll learn how to leverage OCaml's excellent type system to enforce guarantees about business logic, as well as preventing runtime type errors.You'll also see how the type system can help offload concerns that we once had to keep in our heads. We'll explore using CSS-in-Reason, how to use external JSON in Reason, and how to unit-test critical business logic. By the end of the book, you'll understand why Reason is exploding in popularity and will have a solid foundation on which to continue your journey with Reason.
Table of Contents (10 chapters)
close
close
close
Preface
Icon
Preface
Icon
Who this book is for
Icon
What this book covers
Icon
To get the most out of this book
Icon
Get in touch
Free Chapter
1
Introduction to ReasonML
Icon
Introduction to ReasonML
Icon
What is ReasonML?
Icon
Why Reason?
Icon
Exploring Reason
Icon
Summary
2
Setting Up a Development Environment
Icon
Setting Up a Development Environment
Icon
The Reason toolchain
Icon
Setting up a pure Reason project
Icon
Setting up a ReasonReact project
Icon
Summary
3
Creating ReasonReact Components
chevron up
Icon
Creating ReasonReact Components
Icon
Component creation basics
Icon
Stateful components
Icon
Navigation menu
Icon
Client-side routing
Icon
Summary
4
BuckleScript, Belt, and Interoperability
Icon
BuckleScript, Belt, and Interoperability
Icon
Module scope
Icon
Data structures
Icon
Pipe operators
Icon
Using Belt
Icon
JavaScript interoperability
Icon
Binding to existing ReactJS components
Icon
Summary
5
Effective ML
Icon
Effective ML
Icon
Module signatures
Icon
Using module signatures
Icon
Phantom types
Icon
Polymorphic variants
Icon
Advanced type system features
Icon
Summary
6
CSS-in-JS (in Reason)
Icon
CSS-in-JS (in Reason)
Icon
What is CSS-in-JS?
Icon
Using styled-components
Icon
Using bs-css
Icon
Summary
7
JSON in Reason
Icon
JSON in Reason
Icon
Building views
Icon
Integrating with localStorage
Icon
Using bs-json
Icon
Using GraphQL
Icon
Summary
8
Unit Testing in Reason
Icon
Unit Testing in Reason
Icon
Testing with Jest
Icon
Summary
9
Other Books You May Enjoy
Icon
Other Books You May Enjoy
Icon
Leave a review - let other readers know what you think

Creating ReasonReact Components

Now that we've set up our development environment, we're ready to get started with ReasonReact—the future of ReactJS. Both ReasonML and ReasonReact were built by the same person who built ReactJS. ReasonReact is just Reason, much like how ReactJS is just JavaScript. Throughout the rest of this book, we will be working with an application that we will start building in this chapter. The following are screenshots of what we'll have built by the end of this chapter:

To follow along, clone this book's GitHub repository and start from Chapter03/start. Throughout the rest of this book, each directory shares the same development environment as the one we set up at the end of Chapter 2, Setting Up a Development Environment.

git clone https://github.com/PacktPublishing/ReasonML-Quick-Start-Guide.git
cd ReasonML-Quick-Start-Guide...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
Start a 7-day FREE trial
End of Section 1
Next Section

Create a Note

Modal Close icon
You need to login to use this feature.
notes
bookmark search playlist download
font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Delete Note

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Edit Note

Modal Close icon
Write a note (max 255 characters)
Cancel
Update Note

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY