techhub.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A hub primarily for passionate technologists, but everyone is welcome

Administered by:

Server stats:

4.6K
active users

#jsx

0 posts0 participants0 posts today

Chapter 4: Understanding JSX
🎨 Chapter 4 is now available! JSX is React's secret sauce - it lets you write HTML-like syntax in JavaScript. Today's chapter demystifies JSX, covering syntax rules, expressions, and best practices.
Learn why JSX makes React so intuitive and powerful!
👉 Dive into Chapter 4: dailydevdiet.com/understanding
#ReactJs #webdev #webdevelopment #frontend #jsx

Understanding JSX
Daily Dev Diet · Chapter 4: Understanding JSX - DailyDevDietThis chapter will help you understanding JSX, its syntax, and how it works behind the scenes.

I have so much mixed feeling about #react. In one hand, I like #jsx. I mean, I really don't like #JavaScript but I like the idea to integrate #HTML and #css so they can be syntax checked instead of a big hard to read string. On the other hand your site is now coming with scripts even if it's just a simple form that could be coded in plane HTML. I learned react to help getting jobs but if it was my own website, I would use something else. I started to check #flutter. I like the idea of having one code that can generate websites, desktop apps and phone apps.

React-like functional webcomponents, but with vanilla HTML, JS and CSS

Introducing Dim – a new #Framework that brings #ReactJS-like functional #JSX-syntax with #VanillaJS. Check it out here:
🔗 Project: github.com/positive-intentions
🔗 Website: dim.positive-intentions.com

My journey with #WebComponents started with Lit, and while I appreciated its native browser support (less #Tooling!), coming from #ReactJS, the class components felt like a step backward. The #FunctionalProgramming approach in React significantly improved my #DeveloperExperience and debugging flow.

So, I set out to build a thin, functional wrapper around #Lit, and Dim is the result! It's a #ProofOfConcept right now, with "main" #Hooks similar to React, plus some custom ones like useStore for #EncryptionAtRest. (Note: #StateManagement for encryption-at-rest is still unstable and currently uses a hardcoded password while I explore #Passwordless options like #WebAuthn/#Passkeys).

You can dive deeper into the #Documentation and see how it works here:
📚 Dim Docs: positive-intentions.com/docs/c

This #OpenSource project is still in its early stages and very #Unstable, so expect #BreakingChanges. I've already received valuable #Feedback on some functions regarding #Security, and I'm actively investigating those. I'm genuinely open to all feedback as I continue to develop it!

Contribute to positive-intentions/dim development by creating an account on GitHub.
GitHubGitHub - positive-intentions/dimContribute to positive-intentions/dim development by creating an account on GitHub.
Replied in thread

@mintydev Why I use #Vue over #React:
1. No need for a bundler for small projects.
Because #JSX is not "just JS", but Vue template is just HTML.
2. Don't want to manually do work that framework should be doing for me. Thanks to #SolidJS that, at least, is fixed.
3. Just plain don't like how JSX looks. Mixing JS and HTML syntaxes causes more mental strain for me.
For me Vue template is much smaller abstraction over HTML than JSX. Not the implementation but for development.

Looking for a way to parse/manipulate/walk #JSX. Ideally I'd want a similar Interface like the default JS DOMParser. However all JSX parsers I can find, only allow manipulating/walking the AST they put out (which is too fine grained/low level for me). I just want to modify individual DOM Nodes in my JSX – not AST nodes. #JavaScript #React #ECMAScript