# Converting React app to Canister

**URL:** <https://forum.dfinity.org/t/converting-react-app-to-canister/5827>\
**Category:** Developers\
**Tags:** Functional-Programming\
**Created:** [July 10, 2021, 1:34pm UTC](https://forum.dfinity.org/t/converting-react-app-to-canister/5827 "2021-07-10T13:34:16Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![gladguy](https://sea1.discourse-cdn.com/flex023/user_avatar/forum.dfinity.org/gladguy/32/11145_2.png) [@gladguy](https://forum.dfinity.org/u/gladguy)\
**Post date:** [July 10, 2021, 1:34pm UTC](https://forum.dfinity.org/t/converting-react-app-to-canister/5827/1 "2021-07-10T13:34:16Z")

</div>

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.  
Regards

---

<div class="post-metadata">

**Author:** ![Gabriel](https://sea1.discourse-cdn.com/flex023/user_avatar/forum.dfinity.org/gabriel/32/546_2.png) [@Gabriel](https://forum.dfinity.org/u/Gabriel)\
**Post date:** [July 10, 2021, 6:55pm UTC](https://forum.dfinity.org/t/converting-react-app-to-canister/5827/2 "2021-07-10T18:55:56Z")

</div>

Check this out [GitHub - gabrielnic/dfinity-react](https://github.com/gabrielnic/dfinity-react)

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

---

<div class="post-metadata">

**Author:** ![faraz.shaikh](https://sea1.discourse-cdn.com/flex023/user_avatar/forum.dfinity.org/faraz.shaikh/32/4005_2.png) [@faraz.shaikh](https://forum.dfinity.org/u/faraz.shaikh)\
**Post date:** [May 21, 2022, 9:22am UTC](https://forum.dfinity.org/t/converting-react-app-to-canister/5827/3 "2022-05-21T09:22:00Z")

</div>

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](https://github.com/farazshaikh/icreact)

2. convert the dfx generated web assets into a react webapp.  
[GitHub - farazshaikh/ic\_bare\_react\_app](https://github.com/farazshaikh/ic_bare_react_app)

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