p5.js in React

an example of p5.js in the p5 editor (Example by Gene Kogan)

p5.js is an open JS open source library, made to provide a low barrier of entry for developers to make creative coding projects, and ultimately is a great teaching tool for imparting concepts in software engineering.

I’m going to show a very quick way to import the p5 library into a React project.

In terminal, npx create-react-app your-app-name-app will create a React project in your desired folder.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
MDN

MDN

Composer, Designer, Educator