Howdy, Stranger!
We are about to switch to a new forum software. Until then we have removed the registration on this forum.
Categories
- All Categories 25.7K
- Announcements & Guidelines 13
- Common Questions 30
- Using Processing 22.1K
- Programming Questions 12.2K
- Questions about Code 6.4K
- How To... 4.2K
- Hello Processing 72
- GLSL / Shaders 292
- Library Questions 4K
- Hardware, Integration & Other Languages 2.7K
- Kinect 668
- Arduino 1K
- Raspberry PI 188
- Questions about Modes 2K
- Android Mode 1.3K
- JavaScript Mode 413
- Python Mode 205
- Questions about Tools 100
- Espanol 5
- Developing Processing 548
- Create & Announce Libraries 211
- Create & Announce Modes 19
- Create & Announce Tools 29
- Summer of Code 2018 93
- Rails Girls Summer of Code 2017 3
- Summer of Code 2017 49
- Summer of Code 2016 4
- Summer of Code 2015 40
- Summer of Code 2014 22
- p5.js 1.6K
- p5.js Programming Questions 947
- p5.js Library Questions 315
- p5.js Development Questions 31
- General 1.4K
- Events & Opportunities 288
- General Discussion 365
Using p5.js in a webpack build / process
I do React/Front end at work - however I saw no documentation for importing p5 via npm and how to properly use. I'm looking for help and or pointers. I have a working example of what I did - but not sure if it's overkill. I couldn't figure out totally how to A) be in an es6/babel/lint environment and import p5 into that process..
Maybe this can also help some people out looking to integrate with other libraries or frameworks....
github: http://github.com/pjkarlik/p5js
src/index.js calls components/Render.js and launches the sketch. The Render.js file is where im doing the sketch and it's loading...
Answers
Hi, not sure if that helps you but i wrote an wrapper to include p5 into React via npm. See:
https://github.com/NeroCor/react-p5-wrapper
https://www.npmjs.com/package/react-p5-wrapper
Oh nice, Thanks for the link to the wrapper - I figured out most of it from lots of googling and stackoverflow, but I think I might re-visit how i'm adding it into React.