Masthash

#reactjs

Daishi Kato
14 hours ago

We have a new discussion to improve valtio-yjs. If you are interested, please jump in. We need contributors! https://github.com/valtiojs/valtio-yjs/issues/45

#ReactJS #React #JavaScript #TypeScript #Valtio

Daishi Kato
1 day ago

Jotai atoms are distinguished by references. Do you think this is unique in React? It's similar to React Context. While React Context must be defined statically, Jotai atoms can be dynamic because Jotai's store is based on WeakMaps.

#ReactJS #React #JavaScript #TypeScript #Jotai

Karthikeyan A K
1 day ago

I really don't know why React is used. What could be done in 3 days in Rails, is taking more than 2 weeks in React.

#JavaScript #rubyonrails #WebDev #reactjs

Daishi Kato
2 days ago

Just released valtio-yjs v0.5.1!
It's one of popular projects in Valtio Labs.
If you know what is Valtio and what is Yjs, you can guess what it does. 😁

https://github.com/valtiojs/valtio-yjs

#ReactJS #React #JavaScript #TypeScript #Valtio

Daniel Brüggemann
3 days ago

I love it, when I can remove a #reactjs `useEffect` that has no “effect”…what a joke. :D

Dom Habersack
4 days ago

Hey! I’m a senior front-end developer looking for my next medium- to long-term freelance role.

I have 14 years of experience working along the full web development stack, usually with #JavaScript, #TypeScript, #ReactJS, #NextJS and #TailwindCSS. I often work with e-commerce and healthcare clients. Once, I helped turn a household appliance into a smart IoT prototype.

Go to https://domhabersack.com/cv for my CV or https://domhabersack.com/meeting to set up a meeting.

#FediHire

I am looking for freelance roles as a Lead or Senior Front-End Developer. I mostly work in React.js and TypeScript with REST and GraphQL APIs. I also use Tailwind CSS, Next.js, Vitest, Prisma, and many more. For a full list, visit domhabersack.com/cv
Daishi Kato
6 days ago

💊 Just released new Valtio versions! https://github.com/pmndrs/valtio/releases/tag/v1.12.1

- v1.12.1
- v2.0.0-alpha.1

Has anyone tried using v2 alpha?

#ReactJS #React #JavaScript #TypeScript #Valtio

Daishi Kato
6 days ago

Zustand v4.4.7 is released! https://github.com/pmndrs/zustand/releases/tag/v4.4.7
I guess it doesn't affect 99% of users.

By the way, I'm wondering whether to start working on v5, which requires React 18. How many of you reading this are still using React 17 or below?

#ReactJS #React #JavaScript #TypeScript #Zustand

Daishi Kato
6 days ago

🤩 Waku-Waku excited to announce a new Waku website! ⛩️

Check it out 👉 https://waku.gg

Waku, the minimal React framework, powers its website. Plus, we just released a new version: Waku v0.17.1!

#ReactJS #React #JavaScript #TypeScript #ServerComponents

Webdev Weekly
6 days ago
Habr
1 week ago

Многооконное веб приложение — решение для перегруженных интерфейсов

В данной статье будет рассмотрено возможное решение для разгрузки интерфейсов веб приложений – создание приложения с возможностью выноса части функционала в дополнительные окна, или же просто многооконное приложение. Основа стека React + Redux.

https://habr.com/ru/articles/776300/

#reactjs #многооконность #интерфейс #эргономика #вебдиз

Garo Karh Bet
1 week ago

Better late than never: I just kicked off my React journey and I gotta say, it was love at first component! 💻 ❤️

#React #ReactJs #javascript

Karthikeyan A K
1 week ago

Even though Rails has Hotwire, I need to code in fucking React 😭😭

#rubyonrails #hotwire #reactjs

Nick Taylor
2 weeks ago

My latest blog post, TypeScript: Infer Types to Avoid Explicit Types, is out! Maybe you’ll find it helpful. https://dev.to/nickytonline/infer-types-to-avoid-explicit-types-1pnn #typescript #reactjs

TJ Draper
2 weeks ago

New on the blog: watch or read “Re-Thinking Namespaces: How Co-Location Can Make Us Better Engineers”

#PHP #ReactJS #SoftwareEngineering #SoftwareDevelopment #longhornphp

https://www.tjdraper.com/blog/re-thinking-namespaces-how-co-location-can-make-us-better-engineers/

I used to complain a lot about #jQuery but I don't think I was ever as annoying as you anti-#reactJS people.

#webDev #javaScript #react #web #development #frontend

Aaron
2 weeks ago

I’ve had the itch to create an app that addresses a very specific hobby need I have.

While it definitely could be a PWA app — I’ve got zero interest in paying for hosting, domains, etc.

I own only an iPhone and iPad, but I’ve decided to use #Flutter. My initial impression is that it and #Dart borrow heavily from other popular programming languages and app platforms. I don’t mind that at all. It feels familiar and fresh. #Wpf, #ReactJs, #Swift, #SwiftUI, #TypeScript

Webdev Weekly
2 weeks ago

A reverse job board to help React developers get hired

https://reactdevz.com

Discussions: https://discu.eu/q/https://reactdevz.com

#javascript #programming #reactjs #webdev

bleep
2 weeks ago

#reactjs #nerd I just replaced some messy looking prop drilling with sometimes 9 props (functions and values) being provided to components which passed them on to child components with a very elegant context provider. I am thrilled at this and I also know what the warning signs are to look for when you have forwardRefs and too many props distributed everywhere. I now know what that bad code smells like.

TJ Draper
3 weeks ago

I posted this later in the day yesterday, so, in case you missed it, I wrote about having a strangler fig mindset in software development. What’s strangler fig? Let me explain 🙂

#PHP #ReactJS #SoftwareEngineering #SoftwareDevelopment #StranglerFig

https://www.tjdraper.com/blog/strangler-fig-mindset/

Dom Habersack
3 weeks ago

I want to see if people find this interesting, so I’m turning on the debug control for all visitors on my site for a bit. It shows the current breakpoint and overlays the layout grid. What else could I add here?

https://domhabersack.com/snippets/async-useeffect

#WebDev #BuildInPublic #ReactJS #NextJS

Daishi Kato
3 weeks ago

Hello Valtio users!

Eager for some updates? We're excited to release the first alpha version of Valtio v2! 💊 Test it in your projects and let us know how it goes. Your feedback is invaluable.

Discussion👉 https://github.com/pmndrs/valtio/discussions/703
PR👉 https://github.com/pmndrs/valtio/pull/810

#ReactJS #React #JavaScript #TypeScript #Valtio

Daishi Kato
3 weeks ago

🤩 Super excited to announce Waku v0.17.0, the minimal React framework designed specifically for React Server Components!

New in this version: SSR to generate HTML for initial load, taking Waku to new heights with other top frameworks.

Check it out 👉 https://github.com/dai-shi/waku ⛩️

#ReactJS #React #JavaScript #TypeScript #ServerComponents

Daishi Kato
3 weeks ago

Hello Jotai users,

While the core implementation of Jotai is somewhat complex, the utils are implemented quite simply. If you get used to the core feature, it's highly recommended to read the source code. atomWithStorage is one of the major utils, but its essence is pretty straightforward.

#ReactJS #React #JavaScript #TypeScript #Jotai

Jon Jampen
3 weeks ago

Hello world 👋
I'm Jon, an 18-year-old #programming enthusiast from #switzerland. I caught the coding bug at age 12 😉, and I've been fascinated with computer science ever since. #webdevelopment has become my passion.

Currently, I enjoy using #svelte, but I am also learning #reactjs and #nextjs 👨‍💻.

I'm also in the process of switching from Windows to #linux #debian 💻.

I'd love to connect!
Happy coding!
Jon

https://jonjampen.ch

#introduction #introductions

RJ
3 weeks ago

@ghalldev Feel like I should say #swiftui, but maybe you like it and I’ve been working with the other 2 for years, #mui since like v2 and #reactJS since at least 2016, so Milligan may vary. Never used #swiftui myself

jbz
3 weeks ago

"Short cuts make long delays" argued Pippin, as he fell through the React ecosystem wormhole.

#Humor #Reactjs #LotR

Graham
3 weeks ago

I dare any #SwiftUI developer to try working with #MUI and #ReactJS.

I use both regularly. One makes me want to pull my hair out, the other makes me want to take a sledgehammer to my computer and swear off technology for all eternity.

Any guesses which is which?

Daishi Kato
3 weeks ago

I just started working for Valtio v2.
Here's the first PR. https://github.com/pmndrs/valtio/pull/813
Would anyone like to help testing it?

#ReactJS #React #JavaScript #TypeScript #Valtio

Daishi Kato
3 weeks ago

Jotai is primarily designed for React, but it offers a framework-agnostic store API since v2. This should enable sharing global state across React, Vue, and Solid. Has anyone tried this?

https://github.com/pmndrs/jotai/discussions/2045 👻

#ReactJS #React #JavaScript #TypeScript #Jotai

Daishi Kato
3 weeks ago

Developing Waku is improving my experience with Node.js streams. https://nodejs.org/dist/latest-v20.x/docs/api/stream.html I think I learned them in the early days, but this is probably my first time to chain multiple transformers.

I hope to finish my PR soon. https://github.com/dai-shi/waku/pull/147 🤩

#ReactJS #React #JavaScript #TypeScript #ServerComponents

Daishi Kato
4 weeks ago

Jotai tips: async only initially

`unwrap` is a new util in Jotai to make an async atom sync, and combining it with the original atom becomes an async-only-initially atom. Enjoy Jotai puzzle. See also: https://github.com/pmndrs/jotai/discussions/2228

#ReactJS #React #JavaScript #TypeScript #Jotai

Webdev Weekly
1 month ago

We built a turn-based strategy game in React with Tailwind. What are your thoughts on the result? You can try it on tracesoccer.io

https://tracesoccer.io

Discussions: https://discu.eu/q/https://tracesoccer.io

#javascript #programming #reactjs #webdev

Daishi Kato
1 month ago

In case you missed it:

> Moreover, Jotai's API is designed to be used with useTransition, like it doesn’t have a pending state.

https://blog.axlight.com/posts/why-use-sync-external-store-is-not-used-in-jotai/

#ReactJS #React #JavaScript #TypeScript #Jotai

jbz
1 month ago

☢️ Why I Won't Use Next.js
➥ Kent C. Dodds

「 OpenNext exists because Next.js is difficult to deploy anywhere but Vercel. I'm not making moral judgements here. I appreciate the company’s incentives to make their own hosting offering as attractive as possible, but it’s evident that this incentive has deprioritized making Next.js easy to deploy anywhere 」

https://www.epicweb.dev/why-i-wont-use-nextjs

#NextJs #Reactjs #Javascript #Opensource

Seve_py :vim: :python:
1 month ago

Which of these JavaScript frameworks do you like the least? 🤔
1. Node.js
2. React.js
3. jQuery
4. Angular.js
5. Vue.js
#JavaScript #Nodejs #Reactjs #jQuery #Angularjs #Vuejs

Daishi Kato
1 month ago

Announcing Valtio GitHub organization! https://github.com/valtiojs

To expand Valtio ecosystem, it will include some libraries and projects. Contributions are welcome!

#ReactJS #React #JavaScript #TypeScript #Valtio

Daishi Kato
1 month ago

Valtio v1.12.0 is released! https://github.com/pmndrs/valtio/releases/tag/v1.12.0

We are getting ready to work on v2.

#ReactJS #React #JavaScript #TypeScript #Valtio

Daishi Kato
1 month ago

🐻 Zustand v4.4.6 is released. https://github.com/pmndrs/zustand/releases/tag/v4.4.6

It fixes an issue in v4.4.5. Sorry for the inconvenience and thanks for reporting issues!

#ReactJS #React #JavaScript #TypeScript #Zustand

Primegean is the Joe Rogan of #WebDev

Theo is the Tucker Carlson of #reactJS

JS Party 🪩
1 month ago

An impressive React library that "magically" animates your components when you wrap them in the `<MagicMotion />` component 🪄

#reactjs #animation #javascript #webdev

🔗 https://www.react-magic-motion.com/

Cavalheiro Jedi
1 month ago

Fazendo minha #introduction aqui antes da migração de fato.

Sou brasileiro, potiguar, nascido e criado em Natal, atualmente radicado em São Paulo.

Sou desenvolvedor web, coordenando alguns projetos com foco em multimídia. Tecnologias que me foco: #ReactJS com #TypeScript, e #DotNet com #CSharp.

No meu perfil, você pode esperar toots sobre conteúdos como #videogames, #anime, #tvshows e #musica.

E shitposts... Que dizer... Pooptoots... Muitos pooptoots...

Karthikeyan A K
1 month ago

Front end devs couldn't stand the simplicity of htmx, they got it banned from reddit https://yu7.in/ywLzeb

#htmx #webappdevelopment #javascript #reactjs #angular #vue

Webdev Weekly
1 month ago
Webdev Weekly
1 month ago

I created 1000+ High-Quality Animated/Lottie Icons. Feel free to use without Attribution.

https://animatedicons.co/

Discussions: https://discu.eu/q/https://animatedicons.co/

#javascript #programming #reactjs #webdesign #webdev

Webdev Weekly
1 month ago

I made 300+ quality TailwindCSS components that you can use for personal & commercial projects. No attribution required.

https://tailspark.co/

Discussions: https://discu.eu/q/https://tailspark.co/

#frontend #internetisbeautiful #javascript #programming #reactjs #webdev

jbz
1 month ago

☢️ If you're building on Next.js, get out while you can. One point of failure, Big VC Opensource Energy.

They're already pulling the rug on different parts of its framework, making them only feasible on Vercel.

Extreme conflict on interests.

Small revenues to justify those expensive engineers and devrel.

They're chockholding the React community, like Meta wasn't bad enough already.

Trying to be the AWS of React isn't a good look tbh.

#NextJs #ReactJS #Vercel

Changelog
1 month ago

🗞 New episode of Changelog News!

👀 React Server Actions on display at Next.js Conf
🛑 @kentcdodds on why he won't use Next
🟢 Lee Robinson on why he is using Next
📦 @nixos_org' reproducible builds
✍️ OpenSign is an open source alternative to DocuSign
🎙 hosted by @jerod

#reactjs #frontend #javascript #nextjs #vercel #rsc #nixos #opensign #opensource #alternative #news #podcast #linux #socket #infosec #webdev

🎧 https://changelog.com/news/68

Webdev Weekly
1 month ago

NextJS Server Actions are NOT Production Ready unless you are using Vercel for deployment. Here is a demo.

https://twitter.com/smrdotgg/status/1718491242420453684

Discussions: https://discu.eu/q/https://twitter.com/smrdotgg/status/1718491242420453684

#javascript #programming #reactjs #webdev

Daishi Kato
1 month ago

Just published Why useSyncExternalStore Is Not Used in Jotai. How about Zustand and Valtio. https://blog.axlight.com/posts/why-use-sync-external-store-is-not-used-in-jotai/

#ReactJS #React #JavaScript #TypeScript #Jotai

JS Party 🪩
1 month ago

🪩 New episode of JS Party!

The 2nd ever React Jam is on and poppin’, so @jerod & @nicknisi invited the previous winners to the pod to tell us all about the 10 day online game jam.

Turns out React and video games are like peanut butter and jelly, after all!

#reactjs #javascript #typescript #gamejam #hackathon #phaser #videogames #rune #runeai #reactjam

🎧 https://jsparty.fm/298

Red flags in a #React codebase

🚩 preventDefault
🚩 useMemo
🚩 fetch inside useEffect
🚩 <div onClick/>
🚩 a "hooks" directory
🚩 css files
🚩 icon library in package.json

#reactJS #javaScript #webDev #webDevelopment #web

Nick Taylor
1 month ago

I had a great conversation with Amy Dutton, @redwoodjs core team member, this week on https://www.twitch.tv/nickytonline/. We discussed the new things in RedwoodJS, dev & design.

Here's a highlight from the stream. Full recording dropping on https://www.youtube.com/@nickytlive next week!

https://www.twitch.tv/videos/1954598719

#reactjs #webdevelopment

Webdev Weekly
1 month ago

Font.skin - say goodbye to boring CSS text effects, time for full-fat GPU effects!

https://font.skin

Discussions: https://discu.eu/q/https://font.skin

#javascript #programming #reactjs #webdev

Ryosuke
1 month ago

up to some of my usual input management hijinks ⌨🕹

working on a unified input system for keyboard, gamepad, and mouse. it's for my personal blog so users can navigate it like a PC game - seamlessly switching between any input device.

#ReactJS #JavaScript #WebDev #GameDev

video of a local web app running in a chrome browser. there's 4 focus containers in a 4 by 4 grid with 4 focusable components inside each one. The bottom left of screen shows if input buttons are pressed or not. As the video plays the focus navigates across the focusable elements, highlighting them blue.
Nick Taylor
2 months ago

Looking forward to hanging with @redwoodjs core team member Amy Dutton this week on https://nickyt.live!

We'll discuss all the new goodness in RedwoodJS including React Server Components, and dig into some dev & design too!

Happening Wednesday, October 18th @ 5pm UTC!

Reminder: https://www.nickyt.co/pages/stream-schedule/#amy-dutton-redwoodjs-dev-design

#ReactJS #WebDevelopment

nickyt.live promo for guest Amy Dutton

It's cool that #Lit is integrating with #Signals.

It feels like we've been circling around this design pattern for decades; they've been called Observables, Pub/Sub, State, Context, etc.

STOKED to hear that there's discussion around standardizing and adding Signals to the #webPlatform!

https://www.youtube.com/live/ri9FEl_hRTc?si=-oztbFGgLG0f9aXJ&t=1636

#webDev #lit #litHTML #litElement #buildWithLit #javaScript #web #react #preact #js #reactjs

Ryosuke
2 months ago

got the PocketStation in a #ReactJS app 🎉

the buttons move to keyboard input 🎮⌨
and the screen is drawn using an offscreen texture - letting me animate it 🖼🐇 #r3f #b3d #threejs

a web browser with a local web app open. a PocketStation 3D model floats in the center of screen and rotates slowly around the Y axis. pixel text reading Hello are printed on the screen. the buttons of the device get pressed at certain points.