Finally, CSS is going to kill React / JavaScript bloatware https://developer.chrome.com/docs/web-platform/view-transitions/
Finally, CSS is going to kill React / JavaScript bloatware https://developer.chrome.com/docs/web-platform/view-transitions/
Chapter 2: Setting Up the Development Environment
Chapter 2 is LIVE!
Setting up your React development environment properly is crucial for a smooth coding experience. Today's chapter covers everything from Node.js installation to VS Code extensions that will supercharge your productivity.
Ready to build your perfect React workspace?
Read Chapter 2 now: https://dailydevdiet.com/development-environment-for-react/
#ReactJs #webdev #frontend #environment
I'm looking for a junior to intermediate developer to work with us to empower everyone to become professional video network operators.
It's on-site, 4 days a week.
I'm specifically looking to onboard someone to our React frontend.
React experience (or even frontend experience) is not a hard requirement.
If you want to learn more about the company itself, check it out here https://gooseott.com/en/home-en/
And please DM me if you're interested.
Today I finally understood one of React’s most confusing warnings:
"React Hook useEffect has a missing dependency…"
What began as debugging ended up being a crash course in useCallback, stale closures, and infinite re-renders.
Full breakdown:
https://iranjankumar.com/that-yellow-line-in-vs-code-nearly-broke-my-brain-and-how-i-finally-got-it/
How to Convert HTML to PDF in React.
Cómo Convertir HTML a PDF en React.
https://nubecolectiva.com/blog/como-convertir-html-a-pdf-en-react/
Are Web Components & Cybersecurity A Better Combo?
I'm not trying to dunk on popular #UI #frameworks – I'm sure they're totally fine for #cybersecurity stuff, probably get loads of reviews and #audits.
But from my angle: Web Components are *native* to the #browser. Doesn't that just inherently reduce the risk of **#SupplyChainAttacks** (you know, like a rogue `npm install` on a bad network) for your #AppSecurity?
Or am I overthinking it, and the #framework choice is less important than the #browser, #OS, or #device running it? What are your thoughts, #DevCommunity?
---
Quick context: I've got a #ReactJS #messagingApp (repo here: https://github.com/positive-intentions/chat) and a separate #UIFramework (repo here: https://github.com/positive-intentions/dim) built with #Lit (which uses Web Components). I'm genuinely wondering if there's a compelling #cybersecurity reason to refactor the chat app to use my #WebComponent UI framework. Might be a whole new level of #SecurityByDesign for #FrontEndDev.
FYI, same question's on Reddit here: https://www.reddit.com/r/ExperiencedDevs/comments/1lmk1rg/are_web_components_better_for_cybersecurity/, got some good #insights, but want to make sure nothing's getting overlooked! Let's discuss #InfoSec #WebDev #JavaScript #OpenSource #TechQuestion.
If you are in a technical leadership position and #reactjs is part of the technologies you need to have a good grasp on, Mark Erikson (acemarke) last week released a lengthy blogpost which is an ABSOLUTE must read.
Level headed, detailed, and coming from one of the OG of this ecosystem
Karl is one of the best people I know, not just as a developer, but as a human. He's smart, too. You'd be lucky to have him on your frontend team. If you're on Rails, he can handle your frontend needs while also contributing to the backend. #JavaScript #ReactJS #AngularJS #Ruby #RubyOnRails
https://ruby.social/@Kowfm/114671532290285272
Hello Fediverse. So I'm looking for a #remote #opensource job or project in European timezones.
I am not good in writing CVs. So I'm just listing the projects I have done:
#Rust(See https://codeberg.org/farooqkz/wakegp, https://github.com/deltachat-bots/deltachat-loginbot and https://github.com/deltachat/message-parser) #GeneticProgramming #Cranelift
#Typescript #Javascript #ReactJS #InfernoJS. I used to work on https://github.com/deltachat/deltachat-desktop and https://codeberg.org/chooj/chooj
#Lua #Luanti. I contribute to CTF game. I also play it extensively!
I'm a #Linux user. I have good experience using CLI, and I have basic shell scripting skills. I also have a little experience with #FreeBSD
I am also good at reading academic papers, standards(like RFCs) and manpages.
I am up for working on #FOSS projects as freelancer or part time contracts.
Boosts appreciated :)
PS: I am also familiar with #CommonLisp. But I highly doubt if I can find a #Lisp job anywhere!
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: https://github.com/positive-intentions/dim
Website: https://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: https://positive-intentions.com/docs/category/dim
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!
"I recently tried to revive a simple React project from 2015. What should have been a quick update became a multi-day archaeology expedition.... Updating React required rewriting significant portions of the codebase. The solution? I converted it to static HTML and CSS. The entire process took about an hour, the site loads instantly, and it will run unchanged for years."
HTML5 elements you didn't know you need
https://dev.to/maxprilutskiy/html5-elements-you-didnt-know-you-need-gan
Discussions: https://discu.eu/q/https://dev.to/maxprilutskiy/html5-elements-you-didnt-know-you-need-gan
Hello Mastodon! I’m a frontend dev who shares stories from my tech-life balance — coding, accessibility, React, travel tales, and a bit of gardening.
Expect #WebDev thoughts, #Accessibility tips, and maybe my #BalconyGarden updates.
Is React Accessible? That’s the Wrong Question
https://www.accessarmada.com/blog/is-react-accessible-thats-the-wrong-question/
#webdev #reactjs #a11y #spa
#CaseStudy: #Airbnb accelerated the process of updating their codebase to adopt React Testing Library (RTL) and converted nearly 3.5K React test files originally using Enzyme.
The secret? The right mix of #WorkflowAutomation & #LLMs
Read more on #InfoQ https://bit.ly/4jgXr8W
Wildlife Protection System for Train Safety
--
https://github.com/Vinonsan/Srilankan-Railway-Safety-system <-- shared GitHub repository
--
#GIS #spatial #mapping #TechForGood #WildlifeConservation #AI #MachineLearning #ObjectDetection #ReactJS #NodeJS #Innovation #Sustainability #ConservationTech #AIForConservation #srilanka #risk #hazard #safety #model #modeling #mitigation #elephant #bull #wildlife #livestock #protection #realtime #detection #weather #safety #railroad #train #transportation #infrastructure #spatialanalysis #conservation #railway #railroad #economics
Yes learning #vim(#neovim) motions is harsh!
But at least configuring nowadays is easy
Spacevim -> Toml config (absurdly simple!)
https://spacevim.org/
NvChad -> Lua "table" config
https://nvchad.com/
AstroNvim -> Lua + Marketplace
https://astronvim.com/
Moving on from React, a Year Later
"Our server-rendered, JavaScript-light approach has delivered a faster and more reliable experience."
https://kellysutton.com/2025/01/18/moving-on-from-react-a-year-later.html