Git Product home page Git Product logo

jihchi / vitejs-template-react-rescript Goto Github PK

View Code? Open in Web Editor NEW
124.0 3.0 14.0 749 KB

Integrating ReScript and rescript-react into the official Vite React template

Home Page: https://vitejs-template-react-rescript.vercel.app

License: MIT License

HTML 6.97% CSS 11.99% ReScript 66.12% TypeScript 10.03% JavaScript 4.91%
vitejs vite vite-template rescript rescript-react react reactjs boilerplate template

vitejs-template-react-rescript's Introduction

Vite React ReScript Starter

  • Vite: Next Generation Frontend Tooling.
  • React: A JavaScript library for building user interfaces.
  • ReScript: The JavaScript-like language you have been waiting for. (previously known as BuckleScript and Reason)
  • vitest: A blazing fast unit-test framework, powered by Vite ⚡️.
  • Tailwind CSS: A utility-first CSS framework for rapid UI development.

Getting Started

npx degit jihchi/vitejs-template-react-rescript my-vitejs-react-rescript
cd my-vitejs-react-rescript
npm install
npm start

Alternatives

Contributors

Many thanks for your help!

The image of contributors is made with contrib.rocks.

vitejs-template-react-rescript's People

Contributors

jihchi avatar jonesmelton avatar p-adams avatar tristanwagner avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

vitejs-template-react-rescript's Issues

License for the template

Could you add a public domain "license" like CC0 to this repository? Simple template projects like this are likely not copyrightable, but explicitly putting it under the public domain is more reassuring.

Just saying thanks

Thank you for your awesome repository, it saved me some time and made my day :)

Peer dependency issue

Hi, I followed the instructions in the readme (i.e. fresh install) for cloning the project. When I run npm i, I get the following output:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/vite
npm ERR! dev vite@"^3.0.4" from the root project
npm ERR! peer vite@"^3" from @jihchi/[email protected]
npm ERR! node_modules/@jihchi/vite-plugin-rescript
npm ERR! dev @jihchi/vite-plugin-rescript@"^4.0.1" from the root project
npm ERR! 2 more (@vitejs/plugin-react, vitest)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer vite@"^2.0.0" from [email protected]
npm ERR! node_modules/rescript-vitest
npm ERR! dev rescript-vitest@"^0.2.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/vite
npm ERR! peer vite@"^2.0.0" from [email protected]
npm ERR! node_modules/rescript-vitest
npm ERR! dev rescript-vitest@"^0.2.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

It looks like the issue is with rescript-vitest (wants an older version of vite than other packages will allow), which hasn't been updated in 6 months, but I wanted to let you know because it appears to break this template. I'm no npm expert, so if there's a workaround for this I'd be glad to hear it.

HMR not working

Clicking button and changing some text reloads the page and button state is reset to 0.

How to use in-source: false

Hello, Im newbe in rescript, this example is first time I run it.
Thanks, it works great(every electron rescript example failed for me).
But I don't want to have copies of every file in js format.
After I changed the "in-source" setting: false and js started being generated inside lib I started getting a blank page, there are no errors.

SSR support ?

First of all great thank you for the nice starter pack with rescript, react and vitejs.

I was wondering if there are any plans to support SSR rendering and if is it a feasible option at all?

unit test is failing

npm version: 14.16.1
working on latest head.

result:
FAIL tests/App_test.bs.js [ tests/App_test.bs.js ]
Error: No test suite found in file .../tests/App_test.bs.js

can you help us fix it?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.