https://github.com/jihchi/rescript-react-realworld-example-app

An exemplary real-world application built using ReScript and React
https://github.com/jihchi/rescript-react-realworld-example-app

bucklescript react reason-react reasonml rescript rescript-react

Last synced: about 2 months ago
JSON representation

An exemplary real-world application built using ReScript and React

• Host: GitHub
• URL: https://github.com/jihchi/rescript-react-realworld-example-app
• Owner: jihchi
• License: mit
• Fork: true (gothinkster/realworld-starter-kit)
• Created: 2018-01-25T04:12:30.000Z (over 6 years ago)
• Default Branch: main
• Last Pushed: 2023-09-25T06:17:11.000Z (9 months ago)
• Last Synced: 2024-05-03T19:56:48.577Z (about 2 months ago)
• Topics: bucklescript, react, reason-react, reasonml, rescript, rescript-react
• Language: ReScript
• Homepage: https://rescript-react-realworld-example-app.vercel.app
• Size: 2.82 MB
• Stars: 183
• Watchers: 8
• Forks: 38
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Lists

• awesome-list - rescript-react-realworld-example-app - react, previously ReasonReact and BuckleScript | jihchi | 92 | (ReScript)
• awesome-rescript - ReScript RealWorld example app - Another Medium.com clone written using ReScript-React. [(demo)](https://rescript-react-realworld-example-app.vercel.app/) (ReScript / Example Apps)
• awesome-stars - rescript-react-realworld-example-app - world application built using ReScript and React | jihchi | 184 | (ReScript)

README

        
# ![RealWorld Example App](logo.png)

![GitHub commit activity](https://img.shields.io/github/commit-activity/m/jihchi/rescript-react-realworld-example-app)

![GitHub last commit](https://img.shields.io/github/last-commit/jihchi/rescript-react-realworld-example-app)

![GitHub](https://img.shields.io/github/license/jihchi/rescript-react-realworld-example-app)

> ### ReScript + React codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the [RealWorld](https://github.com/gothinkster/realworld) spec and API.

### [Demo](https://rescript-react-realworld-example-app.vercel.app)    [RealWorld](https://github.com/gothinkster/realworld)

This codebase was created to demonstrate a fully fledged fullstack application built with **[ReScript & React](https://rescript-lang.org/docs/react/latest/introduction)** including CRUD operations, authentication, routing, pagination, and more.

We've gone to great lengths to adhere to the **ReScript & React** community styleguides & best practices.

For more information on how to this works with other frontends/backends, head over to the [RealWorld](https://github.com/gothinkster/realworld) repo.

# How it works

Basically its just like React single-page-application but written in [ReScript](https://rescript-lang.org/) with [React](https://reactjs.org/).

- Using [Vite](https://vitejs.dev/) as the frontend build tool

- Seamlessly integrate with [ReScript](https://rescript-lang.org/) (previously known as BuckleScript/ReasonML) and [rescript-react](https://rescript-lang.org/docs/react/latest/introduction)

- Routing - ReScript React [Router](https://rescript-lang.org/docs/react/latest/router)

# Getting started

You can view a live demo over at https://rescript-react-realworld-example-app.vercel.app

To get the frontend running locally:

```bash

git clone https://github.com/jihchi/rescript-react-realworld-example-app.git

cd rescript-react-realworld-example-app

pnpm install

pnpm start

```

Then open http://localhost:5173 to see your app.

When you’re ready to deploy to production, create a production build with `pnpm run build` and you will find result in folder `/dist`, after you created a production build, you can execute `pnpm run serve` to serve the folder.

## Contributors

Many thanks for your help!



  



The image of contributors is made with [contrib.rocks](https://contrib.rocks).