Deno React | Using Create React App with Deno

You can combine react and deno together by using create react app to build an application and serve up the static files via deno. This is exactly what we do in this tutorial where we use the deno ABC library to connect CRA to deno, as well as add an API get request which could be later added as part of the app.

Youtube: Deno React

Tutorial includes:

• Installing and building CRA
• Setting up Deno with ABC library
• Creating static files for serving the CRA build
• Creating an API endpoint

Deno:
https://deno.land/

Deno Abc:
https://deno.land/x/abc/

Create React App:
https://reactjs.org/docs/create-a-new-react-app.html

Follow and support me:

Special thanks if you subscribe to my channel :)

• 🎞️ Youtube
• 🐦 Twitter

Want to see more:

I will try to post new great content every day. Here are the latest items:

• Adobe XD to Fully Responsive WordPress Site
• Adobe XD to HTML Full Process
• Full Tutorial on how to use SASS to improve your CSS
• Creating a Mobile Design and Developing it

Comments

[Kelvin Mai]

Misleading title, this tutorial is just about serving static files with deno, not necessarily about react.

[Adrian Twarog]

I have another with what you might be after :)

dev.to/adriantwarog/react-deno-ser...

[Michael J. Ryan]

Can't speak to Kelvin's desires.. but I was looking to BUILD a React application using Deno... as opposed to Node + esbuild/webpack/etc, which are what create-react-app make. I did find a deno-create-react-app tool that seems to suit the purpose very well...

deno.land/x/create_react_app@v0.1.2

[X.]

nice tutorial!! maybe you can try Aleph.js, a react framework in deno, like nextjs.