Skip to content

lagenorhynque/react-tutorial

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-tutorial

cf. https://reactjs.org/tutorial/tutorial.html

This project was bootstrapped with Create CLJS App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in development mode.
Open http://localhost:3000 to view it in the browser. The page will reload if you make edits.

The app uses Reagent, a minimalistic interface between ClojureScript and React.
You can use existing npm React components directly via a interop call.

Builds use Shadow CLJS for maximum compatibility with NPM libraries. You'll need a Java SDK (Version 8+, Hotspot) to use it.
You can import npm libraries using Shadow CLJS. See the user manual for more information.

npm run cards

Runs the interactive live development enviroment.
You can use it to design, test, and think about parts of your app in isolation.

This environment uses Devcards and React Testing Library.

npm run build

Builds the app for production to the public folder.
It correctly bundles all code and optimizes the build for the best performance.

Your app is ready to be deployed!

Other useful scripts

null and npm run e2e

You can use null to run tests a single time, and npm run e2e to run the end-to-end test app. npm test launches tests in interactive watch mode.

See the ClojureScript testing page for more information. E2E tests use Taiko to interact with a headless browser.

npm run lint and npm run format

npm run lint checks the code for known bad code patterns using clj-kondo.

npm run format will format your code in a consistent manner using zprint-clj.

npm run report

Make a report of what files contribute to your app size.
Consider code-splitting or using smaller libraries to make your app load faster.

npm run server

Starts a Shadow CLJS background server.
This will speed up starting time for other commands that use Shadow CLJS.

Useful resources

Clojurians Slack http://clojurians.net/.

CLJS FAQ (for JavaScript developers) https://clojurescript.org/guides/faq-js.

Official CLJS API https://cljs.github.io/api/.

Quick reference https://cljs.info/cheatsheet/.

Offline searchable docs https://devdocs.io/.

VSCode plugin https://github.com/BetterThanTomorrow/calva.