# Reactjs code on github

**URL:** <https://community.penpot.app/t/reactjs-code-on-github/409>\
**Category:** Ask the community\
**Tags:** release, design\
**Created:** [July 22, 2022, 7:31am UTC](https://community.penpot.app/t/reactjs-code-on-github/409 "2022-07-22T07:31:34Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![vatron](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/vatron/32/423_2.png) [@vatron](https://community.penpot.app/u/vatron)\
**Post date:** [July 22, 2022, 7:31am UTC](https://community.penpot.app/t/reactjs-code-on-github/409/1 "2022-07-22T07:31:35Z")

</div>

Hey guys,

Can anyone help me in understanding where do I get the reactjs code of penpot, I saw the architecture and it mentions Reactjs on top of clojurescript but not able to find the code. Can anyone help me for the same ?

Thanks,  
A newbie to penpot community

---

<div class="post-metadata">

**Author:** ![hirunatan](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/hirunatan/32/38_2.png) [@hirunatan](https://community.penpot.app/u/hirunatan)\
**Post date:** [July 22, 2022, 8:06am UTC](https://community.penpot.app/t/reactjs-code-on-github/409/2 "2022-07-22T08:06:48Z")

</div>

Sorry, there is no “visible” js code. Penpot is coded in Clojurescript, a language that is “transpiled” into javascript. This means that the Clojurescript compiler generates a bundle of javascript code to be executed in the browser. But this code is minified and compacted, not really suitable for being read by persons.

---

<div class="post-metadata">

**Author:** ![jdittrich](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/jdittrich/32/100_2.png) [@jdittrich](https://community.penpot.app/u/jdittrich)\
**Post date:** [July 27, 2022, 5:04pm UTC](https://community.penpot.app/t/reactjs-code-on-github/409/3 "2022-07-27T17:04:06Z")

</div>

If you look for an example of how the react code in Penpot looks like, have, for example, a [look at this component](https://github.com/penpot/penpot/blob/develop/frontend/src/app/main/ui/components/dropdown.cljs)

---

<div class="post-metadata">

**Author:** ![Eva\_Marco](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/eva_marco/32/80_2.png) [@Eva\_Marco](https://community.penpot.app/u/Eva_Marco)\
**Post date:** [July 28, 2022, 8:15am UTC](https://community.penpot.app/t/reactjs-code-on-github/409/4 "2022-07-28T08:15:45Z")

</div>

Hello @vatron  
If you want to see how we manage a very simple React component in Clojure you can watch my live [How to develop design in Penpot - YouTube](https://youtu.be/2nEpeshYyU0)  
Hope you like it¡¡

---

<div class="post-metadata">

**Author:** ![vatron](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/vatron/32/423_2.png) [@vatron](https://community.penpot.app/u/vatron)\
**Post date:** [July 28, 2022, 3:59pm UTC](https://community.penpot.app/t/reactjs-code-on-github/409/5 "2022-07-28T15:59:57Z")

</div>

Hi guys this is exactly what I wanted @Eva_Marco and @jdittrich , really looking forward to more tutorials and walkthrough like this. Since exploring penpot in depth be ready for helping me out in more doubts 😄

Request you to make more such videos and demo codes for better community acceptance of penpot and clojure among developers.

---

<div class="post-metadata">

**Author:** ![Eva\_Marco](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/eva_marco/32/80_2.png) [@Eva\_Marco](https://community.penpot.app/u/Eva_Marco)\
**Post date:** [July 29, 2022, 6:09am UTC](https://community.penpot.app/t/reactjs-code-on-github/409/6 "2022-07-29T06:09:17Z")

</div>

Hey¡¡  
I’m glad you like it. I’m sure will make more of those. You can ask whatever you need we will be happy to answer.
