Masthash

#ReactJS

Daishi Kato
17 hours ago

Waku-Waku excited to share my latest achievement! A React Server Components app built with Waku runs on Cloudflare Workers! Can you guess the challenges I faced?

https://waku-counter.muddy-unit-2d56.workers.dev/

This is my first time using Cloudflare Workers, so please forgive me for any possible misunderstanding.

Note that it doesn't use Node compatibility flag.

I haven't released this new version yet. Stay tuned.

https://github.com/dai-shi/waku

#ReactJS #React #JavaScript #TypeScript #Waku

crs1138
2 days ago

Is it just me or is the #javascript tag for random people to have a rant about how JS is not like the other programming language they use? It’s ok to ventilate now and then but every single day?

To be different and to provide some value, here’s a link to one of my favourite YT channels dedicated to #reactjs

https://youtube.com/@cosdensolutions?si=UN7tlku375_-rjzj

TJ Draper
2 days ago

New blog post: “The Technical Debt of Technical Debt” wherein I discuss the pros and cons of thinking about technical debt vs the idea of maintenance load. https://www.tjdraper.com/blog/the-technical-debt-of-technical-debt/

#PHP #ReactJS #SoftwareEngineering #SoftwareDevelopment

Karthikeyan A K
3 days ago

If you are developer who likes to write good readable clean code, JavaScript will kill you. ReactJS will kill you twice.

#javascript #reactjs

Habr
3 days ago

Реализация нейронной сети для соревнования Digit Recognizer на Kaggle и её прикладное использование. Часть №2

Статья является продолжением первой части , в которой была обучена нейронная сеть для решения задачи соревнования Digit Recognizer на Kaggle. В предыдущей статье был использован трюк, который увеличил точность нейронной сети в контексте результатов соревнования (до 0.99896), в результате чего позиция автора в лидерборде значительно выросла. В данной статье мы рассмотрим каким образом можно интегрировать и использовать обученную модель нейронной сети в систему для распознавания рукописных цифр.

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

#tensorflow #reactjs #javascript #flask #python #digit_recognizer #canvas #инференс

Karthikeyan A K
3 days ago

In #Reactjs, JavaScript contains HTML which has #JavaScript which has HTML in it. 😵‍💫😵‍💫

I'm not joking.

It's like inception.

#WebDev

Karthikeyan A K
4 days ago

Should have a good sleep and bang my head with reactjs. Wonder which idiot invented it? Shouldn't inventions make our life better?

#JavaScript #WebDev #reactjs

Adam Fortuna
4 days ago

Continuing to be impressed by react-instantsearch ( https://www.npmjs.com/package/react-instantsearch ).

All of these filterable options auto-update based on what's in the results.

I'm seriously amazed by Typesense/Algolia's API and how well it maps to the the library.

The facets are based on every result in the collection – not just what's shown.

The search query returns the results + the facets.

If facets are collapsed, they won't be queried.

Seriously impressive. 👏

#react #reactjs #nextjs

A search form for books showing John scalzi books, with filtering options by pages, rating, publication year, author, genre and more.
Webdev Weekly
4 days ago

Redux Toolkit 2.0: new features, faster perf, smaller bundle sizes (plus major versions for all Redux family packages!)

https://github.com/reduxjs/redux-toolkit/releases/tag/v2.0.0

Discussions: https://discu.eu/q/https://github.com/reduxjs/redux-toolkit/releases/tag/v2.0.0

#javascript #programming #reactjs #webdev

Daniel Brüggemann
4 days ago

Replacing #reactjs useEffect + useState with one useMemo, feels weird. But the component looks much cleaner now, and I was able to eliminate a bug. 🥳

Vale me estaba volviendo loco porque el hook de useEffect () se estaba ejecutando 2 veces haciendo un fetch...

Resulta que mi querido React al estar en StrictMode ejecuta dos veces en desarrollo pero no en producción ...

#react #reactjs #javascript #learningtocode #frontend #frontendev #development #vtuber

Daishi Kato
5 days ago

Waku is under active development. Just noticed the source code is larger than Jotai.

#ReactJS #React #JavaScript #TypeScript #Waku #Jotai

Jeff Sikes
5 days ago

A refreshed #Introduction

Work for a #NonProfit leading a small team focused on #SQLServer, #DotNet, #CraftCMS, #ReactJS and now #Salesforce.

Love learning and posting about the #Fediverse - the people involved, the apps created.

I tinker with my #MastodonStarterKit, #HomeLab projects, and brush up on coding skills when I can.

👀 Grew up closeted #LGBTQIA in the 80s rural south.
🏳️‍🌈 Married
🎵 #GenX, #Introvert, #Music lover.
🐶 Over-involved #DogDad.
✌️ #Kindness in all things.

Adam Fortuna
5 days ago

How many React props do you have to pass around before you realize "this should've been a context"?

For me apparently it's 12. 😅

#react #reactjs #nextjs

WeblineIndia
6 days ago
Daishi Kato
1 week 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 week 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 week 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
1 week 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
1 week ago

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

Dom Habersack
1 week 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
2 weeks 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
2 weeks 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
2 weeks 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
2 weeks ago
Habr
2 weeks ago

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

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

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

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

Karthikeyan A K
2 weeks ago

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

#rubyonrails #hotwire #reactjs

Nick Taylor
3 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
3 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/

Aaron
3 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
3 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
3 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
4 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
4 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
4 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
4 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
4 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
1 month 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
1 month 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
1 month ago

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

#Humor #Reactjs #LotR

Graham
1 month 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
1 month 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
1 month 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
1 month 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

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

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

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/

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

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
2 months 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
2 months 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
2 months 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.