ReasonML Quick Start Guide

By : Rafatpanah, Joseph D'mello

Buy this Book

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.

Preface

Who this book is for

What this book covers

To get the most out of this book

Get in touch

Free Chapter

Introduction to ReasonML

What is ReasonML?

Why Reason?

Exploring Reason

Summary

Setting Up a Development Environment

The Reason toolchain

Setting up a pure Reason project

Setting up a ReasonReact project

Summary

Creating ReasonReact Components

Component creation basics

Stateful components

Navigation menu

Client-side routing

Summary

BuckleScript, Belt, and Interoperability

Module scope

Data structures

Pipe operators

Using Belt

JavaScript interoperability

Binding to existing ReactJS components

Summary

Effective ML

Module signatures

Using module signatures

Phantom types

Polymorphic variants

Advanced type system features

Summary

CSS-in-JS (in Reason)

What is CSS-in-JS?

Using styled-components

Using bs-css

Summary

JSON in Reason

Building views

Integrating with localStorage

Using bs-json

Using GraphQL

Summary

Unit Testing in Reason

Testing with Jest

Summary

Other Books You May Enjoy

Leave a review - let other readers know what you think

Customer Reviews

5 star

4 star

3 star

2 star

1 star

Setting Up a Development Environment

In addition to being a new syntax for OCaml, Reason is a toolchain that makes it easy to get started. In this chapter, we'll do the following:

Learn about the Reason toolchain
Configure our editor
Use bsb to start a pure Reason project
Learn about bsconfig.json
Write an example pure Reason application that manipulates the DOM
Use bsb to start a ReasonReact project
Get comfortable using webpack within a Reason project

To follow along, clone this book's GitHub repository and start from this chapter's directory. You're also welcome to start from a blank project:

git clone https://github.com/PacktPublishing/ReasonML-Quick-Start-Guide.git
cd ReasonML-Quick-Start-Guide
cd Chapter02/pure-reason-start
npm install

This chapter is meant to get you comfortable with the Reason toolchain. We'll have separate development environments...

Your notes and bookmarks

ReasonML Quick Start Guide

By : Rafatpanah, Joseph D'mello

ReasonML Quick Start Guide

By: Rafatpanah, Joseph D'mello

Overview of this book

Delete Bookmark