The library for web and native user interfaces

anianimalsmoe,
@anianimalsmoe@sakurajima.moe avatar

Halfway to redoing my website with 'newer' and features.

I guess bug fixing and proper documentation / 3rd party support make Next 14 much easier than the mess that Next 13 was.

anianimalsmoe,
@anianimalsmoe@sakurajima.moe avatar

@dopey_kun Ah, I've just been forced to use usePathname and useParams to do that trick like how Anilist does /anime/[id]/[title]/ to auto rewrite the title.

I mean, it's quite a trick to figure out that I needed to do the page as a layout under [id]/layout and do the redirecting in /[title]/page :ablobcatreachflip: but it definitely improves performance.

dopey_kun,
@dopey_kun@sakurajima.moe avatar

@anianimalsmoe I had to go to Anilist to check the behavior. I didn't realize that you could actually just put whatever in that title part of the url, and it'd still work.

twipped,
@twipped@twipped.social avatar

Tomorrow I have to interview a job applicant about their React experience, and I'm looking at #React interview question guides.

They're bullshit, it's all absolutely bullshit. Most of it is just testing if someone knows the term for a particular pattern.

> What is the difference between a controlled and uncontrolled component

WHO CARES!? If you code it right it doesn't fucking matter!

rick,
@rick@ricko.social avatar

@twipped Seems pretty reasonable to me.

My own React skills are poor/new enough that I doubt I'd do well on that question. But it's a small enough code snippet that it's not overwhelming.

twipped,
@twipped@twipped.social avatar

@rick Yeah, there's a lot here I don't actually expect him to catch. That's why it'll be a fun exercise.

rauschma,
@rauschma@fosstodon.org avatar

“The React 19 Beta features full support for Custom Elements.“
https://custom-elements-everywhere.com/#react-beta

Seirdy,
@Seirdy@pleroma.envs.net avatar

New bookmark: React, Electron, and LLMs have a common purpose: the labour arbitrage theory of dev tool popularity.

“React and the component model standardises the software developer and reduces their individual bargaining power excluding them from a proportional share in the gains”. An amazing write-up by @baldur about the de-skilling of developers to reduce their ability to fight back against their employers.


Originally posted on seirdy.one: See Original (POSSE). #GenAI #llms #webdev

decoderwheel,
@decoderwheel@hachyderm.io avatar

Development notes from xkcd's "Machine"

https://chromakode.com/post/xkcd-machine/

#react #rapier #xkcd #haskell

Crell,
@Crell@phpc.social avatar

This article uses as it's main example, but it applies to , , even just a much. I say that as a recovering Drupal dev who used to use the standardization argument.

Greedy management is the reason we can't have nice things.

https://www.baldurbjarnason.com/2024/react-electron-llms-labour-arbitrage/

cxj,
@cxj@phpc.social avatar

@Crell Yes! “Tech management will sacrifice technological progress – performance, design, and general product effectiveness – if it disempowers labour.”

Crell,
@Crell@phpc.social avatar

@assertchris I believe the core point that what wins is what most commoditizes cheap labor, regardless of its technical quality, is valid, and the examples cited fit that point.

I admittedly can speak more of Laravel and Drupal personally. "Make amateurs able to do things halfway decent without knowing what they're doing" is a core design principle of both systems. Which in turn drives down labor costs and quality.

schizanon,
@schizanon@mastodon.social avatar

Hearing about all the changes in is giving me anxiety. I've been working on apps at my past four or five jobs now, but I just have no interest in relearning for the upteenth time, and I'm worried that is going to impact my ability to get another job if I ever decide to go back to work.

https://thoughtbot.com/blog/get-your-codebase-ready-for-react-19

vintprox,
@vintprox@techhub.social avatar

@schizanon For crying out loud... They treat learning curve like it's nothing and keep piling up changes caused by engineer's pimple itching.

nosherwan,
@nosherwan@fosstodon.org avatar

:react:
React Router 6 Question

I am having an issue with React Router 6 with React 18, can anyone help?

https://stackoverflow.com/questions/78403144/react-router-6-useloaderdata-returning-cached-data

#react
#reactrouter

stefan,
@stefan@gardenstate.social avatar
stefan,
@stefan@gardenstate.social avatar

lol to them announcing react 18.3 but then not publishing the tag https://github.com/facebook/react/blob/main/CHANGELOG.md it's up on npm though: https://www.npmjs.com/package/react?activeTab=versions

inautilo,
@inautilo@mastodon.social avatar

#Development #Explainers
HTML attributes vs. DOM properties · What fewer and fewer developers seem to know https://ilo.im/15ynz8


#Framework #React #Preact #Lit #VueJS #WebDev #Frontend #DOM #HTML #JavaScript

nhoizey, French
@nhoizey@mamot.fr avatar
khalidabuhakmeh,
@khalidabuhakmeh@mastodon.social avatar

@nhoizey Htmx is so good.

bcdavid,
@bcdavid@hachyderm.io avatar

I've been working with React Native for about two years now and have really been trying to give it the benefit of the doubt. I'm done with that. RN is garbage.

#react #reactnative #webdev

davidbisset,
@davidbisset@phpc.social avatar

I’ve seen this meme too many times but this implementation is probably the best. #react #memes #webdev https://front-end.social/@eeeps/112254504694609906

alexstandiford,
@alexstandiford@fosstodon.org avatar

@davidbisset this is art

hasanhaja,
@hasanhaja@fosstodon.org avatar

I've been having too much fun clipping things on YouTube to share with my colleagues. Here's a clip with @slightlyoff on questions you should ask yourself when considering React:

📽️ https://www.youtube.com/clip/UgkxpA_MMNjLtPCvuG1BJO3ShotN5AWiIlw4

#react #html

nickautomatic,
@nickautomatic@mastodon.social avatar

Has anyone here got opinions about Preact vs React?

Specifically, I'm weighing up migrating a large-ish codebase to Preact instead of upgrading React, and I'd be interested to hear from anyone who a) has done this, b) has decided not to do this, c) can think of solid reasons to stick with React.

I can't see much benefit to choosing React over Preact, but is there anything I'm overlooking?

nickautomatic,
@nickautomatic@mastodon.social avatar

@developit I've already tried it and it seems to work perfectly! We're using a handful of React-based libraries (eg. react-router) that seem to work equally well with Preact, so no incompatibilities I can see.

I've written up an RFC to propose switching, so this was really a last attempt to catch anything I might have overlooked (and because I'm interested to hear from anyone who's already gone down this path). I'm taking the lack of anyone saying "don't do it!" as a good sign! :)

developit,
@developit@mastodon.social avatar

@nickautomatic oh yeah, react-router is definitely good to go (and a perfect match for preact IMO).

muhdiekuh,
@muhdiekuh@ruhr.social avatar

About every time I think about an architectural problem in a application, I think: "This could easily be solved using a context!". Then I remember that the context API does not work with react server components and I'm lost.

:-(

muhdiekuh,
@muhdiekuh@ruhr.social avatar

The next step is tooting about it. And after that, I realize that most of my bubble is still on X (formerly known as twix) and that I'm talking into a void here.

To anyone who reads this: have a nice week! <3

patrick_h_lauke,
@patrick_h_lauke@mastodon.social avatar

@muhdiekuh i'm just here for the Raider reference... "sonst ändert sich nix"

pennersr,
@pennersr@emacs.ch avatar

A first draft version of the upcoming django-allauth API, together with a proof of concept #react app is up for review. Find out more here: https://allauth.org/news/2024/04/api-feedback/ #django #python

twipped,
@twipped@twipped.social avatar

For nearly a decade I was a strong fan of using jQuery and Backbone to enhance server generated html.

What led me to abandon that and embrace #React was not reactive development, it wasn’t the performance of dom diffing, it wasn’t any of the things that were inherent to React… it was JSX and pluggable, composable components.

Now, after two years working in a large scale react SPA with federated microfrontends… I’m finding that I miss the simplicity of Backbone and jQuery.

Funny, that.

twipped,
@twipped@twipped.social avatar

@ketmorco it really is. Web components almost fit my needs, but the limitation of attributes being exclusively strings is a real hinderance to the kind of composition I want to perform

twipped,
@twipped@twipped.social avatar

@rick once its all setup, react eliminates a LOT of mental overhead in terms of everything one needs to know about the browser. Getting closer to the metal, as it were, takes a lot more general knowledge that is hard to expect from less experienced devs. Leaning in hard on React and styled components lets teams iterate REALLY fast, so it’s clear why it’s so attractive.

But wow, has that come with a performance cost to the user.

mattjbones,
@mattjbones@mastodon.social avatar

Created 65 tickets to migrate from class components to functional , some are small and should be relatively easy others are 2000+ mono components that render whole pages. Legacy is such a trip (I’m sure I’m also responsible for similar code in a past life)

sophie,
@sophie@social.lol avatar

@mattjbones we finished one at monzo this year. I’m doing an entire conference talk about it at All Day Hey. Happy to chat through things if you want!

sophie,
@sophie@social.lol avatar

@mattjbones are you going from Flow or from untyped?

janriemer,

I've just read this comment about "Million Lint":

https://million.dev/blog/lint.en-US

"This reminds me of a hammer I had with a broken handle. Instead of replacing the handle, I attached the hammer to a helmet and whenever I want to drive a nail, I would wear the hammer and swing my head. But sometimes I miss and hit my head against the wall instead. So to fix that, I added some padding to my forehead and now it doesn’t hurt at all.

Problem solved!!"

💯

#React #ReactJS #ModernWeb

flq,
@flq@freiburg.social avatar

@janriemer I think such a tool would probably be useful in any UI framework

flq,
@flq@freiburg.social avatar

@janriemer our application runs react since 2018 and tbh the perf has never been an issue - I guess YMMV

sirber,
@sirber@fosstodon.org avatar

You need a Master Degree to use #react efficiently.

#WebDev #JavaScript

nosherwan,
@nosherwan@fosstodon.org avatar

@sirber and then constantly pull your hair out until you get bald.

alexelcu,
@alexelcu@social.alexn.org avatar

, the light alternative to , doesn't require a build process, as it's using:

‣ tagged templates, instead of JSX;
‣ JavaScript modules.

This is the future of :
https://preactjs.com/guide/v10/getting-started#no-build-tools-route

lil5,
@lil5@fosstodon.org avatar

https://custom-elements-everywhere.com/

A list of JS frameworks and their support for Custom Elements

is the only one that doesn’t support Web Elements properly.

tido,
@tido@hachyderm.io avatar

I’ll be speaking at App.js Conf 2024 in May, in Kraków. Super excited to be back in Kraków as a speaker this time. See you there? https://appjs.co/#speakers

#AppJSConf #React #ReactNative

matt,
@matt@oslo.town avatar

@tido :hand_clapping_fb:

You won't see me there, but I am always there in spirit. :ghost_fb:

h_thoreson,
@h_thoreson@mastodon.world avatar

So many good #Git repos. #Git repo of the day 3. #React for #Python https://github.com/reactive-python/reactpy

kellogh,
@kellogh@hachyderm.io avatar

@h_thoreson if you want to make web UI in python, check out streamlit. it’s just for prototypes & dashboards, but it nails its' use cases nearly perfectly https://streamlit.io/

  • All
  • Subscribed
  • Moderated
  • Favorites
  • react
  • ngwrru68w68
  • rosin
  • GTA5RPClips
  • osvaldo12
  • love
  • Youngstown
  • slotface
  • khanakhh
  • everett
  • kavyap
  • mdbf
  • DreamBathrooms
  • thenastyranch
  • magazineikmin
  • megavids
  • InstantRegret
  • normalnudes
  • tacticalgear
  • cubers
  • ethstaker
  • modclub
  • cisconetworking
  • Durango
  • anitta
  • Leos
  • tester
  • provamag3
  • JUstTest
  • All magazines