p5.js in React

MDN
3 min readDec 4, 2020
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.

--

--