Converting React app to Canister

Dear Experts,

I have a simple react application front-end. I would like to know, how i can convert this to canister with bootstrap dfinity code dfx new project

My react app is written in ts extension.

Check this out GitHub - gabrielnic/dfinity-react

It does have a small backend canister but you can remove it from dfx.json


There are two approaches to integrating a react app into a dfx project.

  1. port an exisiting or a new empty react project created using create react app
    GitHub - farazshaikh/icreact

  2. convert the dfx generated web assets into a react webapp.
    GitHub - farazshaikh/ic_bare_react_app

I have documented the steps in the for the projects. one can also use the above projects as starting templates.