DEV Community

Cover image for React => noFramework, noBuild
Peter Vivo
Peter Vivo

Posted on • Edited on • Originally published at dev.to

1

React => noFramework, noBuild

My experience with React and gaming challenge which is put me int to flow: if I was select jsDoc to eliminate language dependency (TS) from my code. Next step is a cdn tailwind insert to this project. The third one is I start develop my game bit late, even my module ( jsdoc-duck ) working as expected, and speed up my development process. But meanwhile I don't have to time poolish the game interaction and also don't contain any animation. Final one is that program don't responsive. Which is problematic a certain cases.

After fail to win competition, I start writing responsive and animated POC of that game. I don't would like to fight with React ecosystem, so I just use a simple pure HTML file. Even I don't want to use multiple files, because this is just a layout.

At this moment I found few pure modern HTML technic which is hided the React from me: <template> Proxy taget template string function which is surprising enough to this code without using any dependency, expect cdn Tailwind for a good reason.

Flow to NoBuild!

So at the end of 2nd. day my POC worked as expected, even more, I was decided stay on the road: nobuild

PureWeb

Check out this fundation, there is much broader information about this topic.

Your next step

Do your career a favor. Join DEV.

It takes one minute and is worth it for your career.

Get started

Top comments (0)

typescript

11 Tips That Make You a Better Typescript Programmer

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

Read the whole post now!

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay