2020-10-06
3101
#react
Doğacan Bilgili
26428
Oct 6, 2020 ⋅ 11 min read

Building Figma plugins with React

Doğacan Bilgili A software developer who is also into 3D-modeling and animation.

Recent posts:

react toastify

React-Toastify (2025 update): Setup, styling & real-world use cases

Learn how to use React-Toastify in 2025, from setup to styling and advanced use cases like API notifications, async toasts, and React-Toastify 11 updates.

Chimezie Innocent
Apr 18, 2025 ⋅ 18 min read
5 Best Open Source Tools For Cross-Browser CSS Testing

5 best open source tools for cross-browser CSS testing

Discover open source tools for cross-browser CSS testing like Playwright and BrowserStack to catch rendering errors, inconsistent styling, and more.

Peter Aideloje
Apr 18, 2025 ⋅ 11 min read
react suspense data fetching

How to handle data fetching with React Suspense

With the introduction of React Suspense, handling asynchronous operations like data fetching has become more efficient and declarative.

Ovie Okeh
Apr 18, 2025 ⋅ 10 min read
Use TypeScript Instead Of Python For ETL Pipelines

Use TypeScript instead of Python for ETL pipelines

Build a TypeScript ETL pipeline that extracts, transforms, and loads data using Prisma, node-cron, and modern async/await practices.

Muhammed Ali
Apr 17, 2025 ⋅ 6 min read
View all posts

2 Replies to "Building Figma plugins with React"

  1. https://www.echojs.com/comment/37652/1

    Interresting, though for something like this, that’s embedding in another application instead of being the application, I’d probably reach for preact or hyper as another JSX transform option, which will be much lighter. You can even swap in prod vs dev builds for testing. React adds a lot of tooling and niceties that come with a ton of overhead.

    You’re looking at probably a 80k deliverable for the example out of the box, vs under 5k using hyper+jsx or preact.

    I like React. This just is a case where using something smaller/lighter but being very similar in practice would be better.

    1. https://github.com/lukejacksonn/hyperapp-wiki/blob/master/docs/jsx.md
    2. https://github.com/preactjs/preact
    3. https://github.com/kenoxa/svelte-jsx

Leave a Reply