Mark Mara

Mark Mara


Reason bindings for ReactJS

ReasonReact - ReasonML / BuckleScript bindings for React.js

ReasonReact is a safer, simpler way to build React components. You get a great type system with an even better developer experience. Why choose ReasonReact? Read more here

ReasonReact is just React.js under the hood. This makes it super easy to integrate with your current Next.js, Create React App, JavaScript, Flowtype or TypeScript project. Learn more about getting started here

Watch Ricky Vetter’s Reason Conf talk, “Why React is Just Better in Reason” to learn more about how Facebook & Messenger are using ReasonReact

Watch Jordan Walke’s Reason Conf talk, “React to the Future” to learn more about the future of ReasonML and React


/* */

let make = (~name) => <h1> {React.string("Hello " ++ name)} </h1>

See all of our examples here. For a full application, check out reason-react-hacker-news.

Getting Started

BuckleScript is how your ReasonML code gets compiled to Javascript. Every project that uses BuckleScript will have a bsconfig.json file (the same way you’d have tsconfig.json in a Typescript project) with project specific settings.

You can install BuckleScript globally or keep it project specific by adding it as a devDependency:

yarn global add bs-platform

# or npm
npm install --global bs-platform

If you install BuckleScript globally, you can quickly generate a ReasonReact project template (similar to create-react-app):

bsb -init my-react-app -theme react-hooks
cd my-react-app && npm install && npm start

# in another tab
npm run server

If you’re interested in adding ReasonReact to your current project, it’s a simple 2 step process:

yarn add bs-platform --dev --exact

# or npm
npm install bs-platform -D -S

Add the appropriate script tags to package.json:

"scripts": {
  "re:build": "bsb -make-world -clean-world",
  "re:watch": "bsb -make-world -clean-world -w"

Copy the bsconfig.json file from our docs located here

Then add some files somewhere (don’t forget to change bsconfig.json, if needed).

Using Your Favorite Javascript Libraries

The same way that TypeScript has type annotations, we have bindings. Bindings are libraries that allow you to import a popular project (like lodash) or to import your own local file. ReasonReact is in fact an example of a binding!




We welcome all contributors! Anything from docs to issues to pull requests. Please help us 😄

git clone
cd reason-react
npm install
npm start

See the README inside src for more info!

Editor Support

Looking for syntax highlighting for your favorite editor? Check out ReasonML Editor Plugins

Friends of ReasonReact

  • genType - genType automatically generates bindings for your TypeScript / vanilla JS code.
  • reason-react-native - ReasonML / Bucklescript bindings for React Native. Allows you to use Reason to build an iOS, Android or Web app!
  • - An effort by the Reason Association to improve documentation for ReasonML & BuckleScript
  • - Find bindings for your favorite libraries here
  • ReasonTown Podcast - ReasonML Podcast
  • ReasonConf Youtube Reason Conf on Youtube

Download Details:

Author: reasonml


Source Code:

#reactjs #javascript #react

What is GEEK

Buddha Community

Reason bindings for ReactJS

Byte Cipher


ReactJS Development Company USA | ReactJS Web Development Company

ByteCipher is one of the leading React JS app development Companies. We offer innovative, efficient and high performing app solutions. As a ReactJS web development company, ByteCipher is providing services for customized web app development, front end app development services, astonishing react to JS UI/UX development and designing solutions, reactJS app support and maintenance services, etc.

#reactjs development company usa #reactjs web development company #reactjs development company in india #reactjs development company india #reactjs development india

Top React JS App Development Company in USA | React JS Services

Hire ReactJS app developers for end-to-end services starting from development to customization with AppClues Infotech.

Are you looking for the best company in USA that provides high-quality ReactJS app development services? Having expertise in building robust and real-time mobile apps using React Native Library.

We can fully support your specific business idea with outstanding tech skills and deliver a perfect mobile app on time.

Our ReactJS App Development Services
• Custom ReactJS Development
• ReactJS Consulting
• React UX/UI development and design
• App modernization using React
• React Native mobile development
• Dedicated React development team
• Application migration to React

For more info:
Call: +1-978-309-9910

#top reactjs app development company in usa #hire best reactjs app developers #best reactjs app development services #custom reactjs app development agency #how to develop reactjs app #cost to build reactjs application

Why ReactJS is better for Web Application Development?

Web Application Development is essential for a business in today’s digital era. Finding the right platform for Web Application Development is important for building an effective Web Application that can enhance the overall customer engagement. Here’s what makes ReactJS a better option for building your next Web Application.

#Why ReactJS is better for Web Application Development #Benefits of ReactJS #What is ReactJS? #ReactJS vs AngularJS

Epic Games Store ReactJS UI -NextJS, MaterialUI, ReactJS, TypeScript -Login Form Design #5

Hi, in this series we will try to build fullstack application with NestJS, NextJS, ReactJS, PostgreSQL and TypeScript. My aim is to build something bigger and more interesting. Features like authorization or using database are always tricky so I think it’s good to implement on your own to understand how they work. We will build both API and web application. Our app is a funny little approach to mimic something like a game library and we will try to recreate Epic Games Store.

Have you ever wondered how are real app design and written? In this series I will try to reproduce at least some functionalities of Epic Games Store. In the fifth episode I am recreating the login form. We’ll use NextJS, MaterialUI, ReactJS and TypeScript.

You can find me here:


web design
web development
how to make a website
responsive design tutorial
web development tutorial
media queries
website from scratch
html css
responsive website tutorial
responsive web development
web developer
how to make a responsive website
how to build a website from scratch
how to build a website
build a website
How to

#reactjs ui #reactjs #materialui #nextjs #typescript #reactjs

Top Reasons to Choose ReactJS for Web App Development -

ReactJS, a JavaScript library that helps developers to build SEO Friendly web apps. Get to know more about ReactJS and why it is a good option for your next project.

#reactjs #javascript library #reactjs technology #reactjs developers #web app development