#React
I'm wondering why many open-source projects, like #angular, #react, #vuejs, #svelte, and #bootstrap, are not abandoning #Twitter like many people are, especially after what Elon Musk did to the platform.
#twittermigration #twitterexodus #foss #opensource #software
I needed to make a couple of "sample apps" for work that show how to build apps in a few different ways. Not terribly complex but also not really worthy of expensive engineer resources. A perfect use case for #GPT-4. In a few hours, it wrote both the #Android native version as well as the same app in #React Native (on Android). 🧵
@dustinrue same goes for #Angular vs. #React. When you add everything you need to build a business application to React the size is equivalent to an Angular app.
And because React is just a library and not a framework one ends up with a mismatch hodgepodge dependencies which aren't necessarily maintained even for the duration of active development.
Zustand v4.3.7 is released! https://github.com/pmndrs/zustand/releases/tag/v4.3.7
ICYMI, I created a new video product called "Learn Zustand v4" recently.
How to deploy a React Application to AWS S3
https://techdirectarchive.com/2022/03/12/how-to-deploy-a-react-application-to-aws-s3/
#AWS, #AWSS3, #CloudComputing, #DeployAReactApplication, #DeployAReactApplicationToAWSS3, #EnableTheStaticWebsiteHosting, #React, #ReactApplication
"💻 7 Tips for Writing Clean and Efficient React Code - DEV Community 👩💻👨💻" https://dev.to/naubit/7-tips-for-writing-clean-and-efficient-react-code-34e7 #react #reactjs #javascript
I have been messing around with optimizing some #react components all night and I came up with this little pattern to isolate component re-renders so that when a component keeps some state and renders many child components, it can choose which of those children actually care about which bits of state explicitly.
I would love this to be roasted by any experienced React devs. Is there some better way to do this? Are there any pitfalls I'm missing?
https://gist.github.com/radix/fea0142fbd098ad9d96c599cb8cfc258
React Router used to be so good, now it's seriously junk. I don't want your dumb `<Outlet />` and providers with static paths, I want nested component paths so I can shove contexts easily. Why are you making this so hard? And by the time I find how to do it, now I can't use `useMatches` because I do not conform to their dogma. What a load of s***
Every time I make a #React app from the bottom-up, I often get into trouble with state. #UX #webdev
Like suppose you have a textbox that upcases its text whenever you hit Enter. Cool, it's a self-contained component now. But now you want to have another component, a button that appends "hello" to the textbox.
You could set up some complex state-from-props-from-state logic, or funky callback spaghetti, or you could pull up the state. No matter what you pick, you have to rewrite all your tests and uuuuugh
I wrote a post about how to use the #react useEffect hook in @wordpress. It includes examples of how to load WordPress posts via API, how to add pagination to that and how to remove admin notices from wp-admin
https://pluginmachine.com/using-the-useeffect-react-hook-in-wordpress/
"Das #React-Team zielt darauf ab, Anwendungen und Komponenten stärker auf den Server zu verlagern und dort zu rendern. [...]
Serverseitiges beziehungsweise beidseitiges Rendern von Anwendungen verspricht eine bessere Performance."
Ganz neue Erkenntnis.
"Go full-stack with a framework":
Für #heise habe ich versucht einzuordnen, was hinter der vermeintlichen Neuausrichtung von #React steckt und wie das zu bewerten ist.
👉 Worum geht's: "Kommt jetzt der Kurswechsel?" (https://www.heise.de/news/Kommt-jetzt-der-Kurswechsel-React-irritiert-mit-Fullstack-Claim-8191409.html)
👉 Ausführlicher Hintergrund, Einordnung und Bewertung: "React Goes Fullstack: Der Beginn einer neuen Ära?" (https://www.heise.de/hintergrund/React-Goes-Fullstack-Der-Beginn-einer-neuen-Aera-8178553.html)
Viel Spaß beim lesen... und kommentieren 😊
@joho I you are talking about #JavaScript #framework #svelteKit is an amazing little framework that does tons of stuff both client and server side in an amazing little package.
Even better #svelte is a compiler and embraces this fact (unlike #react) leading to small and efficient code delivered to the client, when it is even delivered in the first place
Kommt jetzt der Kurswechsel? React irritiert mit Fullstack-Claim
Das React-Team überrascht beim Veröffentlichen der überarbeiten Dokumentation zur JavaScript-Bibliothek mit dem Aufruf "Go full-stack with a framework".
This #React #Architecture deep dive explains the transition from Single-Page Applications (SPA) to Server Components and Remix, mostly for performance reasons. #JS ##WebPerf https://frontendmastery.com/posts/rethinking-react-best-practices/
heise+ | React Goes Fullstack: Der Beginn einer neuen Ära?
Die aktualisierte React-Dokumentation deutet an, dass React-Apps künftig mit einem Fullstack-Framework wie Next.js oder Remix gebaut werden sollen.
#Framework #JavaScript #React #TypeScript #Webentwicklung #news
In React code bases that I have seen, long-living class instances are seriously underused for state management. A lot of them resort to Zustand #react #reactjs #typescript #javascript
This is what the web application for GifMaker looks like.
Soon a docker container will be ready for you to deploy easily.
https://gitlab.com/mrpotatoqc9/giftmaker
#web #coding #python #docker #redis #flask #react #programming #foss #freesoftware #logiciellibre #opensource
I've got no idea how up-to-date it is (and I know it's a bit older), but this is probably one of the cleanest walkthroughs #react I've worked through.
https://www.taniarascia.com/getting-started-with-react/
I don't work in the front end at all, so having something that's accessible even with my limited time is a huge benefit.
Gonna use it as a jumping off point to more modern React, and front end in general.
I, #react dev of like 7 years, just learned something that seems very important and very basic. the effect apparently runs after the dom is rendered, so inside the effect, the ref is always defined? or is this a race condition and should not be relied on? #webdev
https://codesandbox.io/s/beautiful-herschel-181d1x?file=/src/App.js
![js source code for a react component that renders a div with a ref and logs ref.current both inside and outside a useEffect call. source code:
function Comp() {
const ref = useRef(null);
console.log("a", ref.current);
useEffect(() => {
console.log("b", ref.current);
}, []);
return <div ref={ref}>Hi</div>;
}](https://assets.toot.cafe/cache/media_attachments/files/110/107/900/105/688/827/small/a2f2935a26c615ae.png)
Tatadrapi
" OuaisOuaisOuais Le live : Les Conflits De Voisinages + Les Pires Logements, bref ca va être chouette "
https://www.twitch.tv/tatadrapi
#Actu #Féminisme #React #Antiracisme #Insalubrité #PropriétéPrivée #APAB
Our Black Bengal Kitty Ender 黒ベンガル猫・エンダーくん大集合 https://www.wacoca.com/pets/119305/
#audrey123 #audrey123talks #cat #kitten #melanisticbengal #neko #react #オードリーケイト #ベンガル #ベンガル猫 #メラニスティックベンガル #リアクション #子猫 #猫
So they have invented serverside scripted templating? Isn’t that …. wait for it … php?
I've noticed that #React (from https://react.dev) has been receiving some great updates, but personally, I find it *still* quite challenging to work with.
lmao. #react 18 has killed me. I forgot about this and was going nuts looking for the cause of the mysterious double run of effects with no dependencies #javascript #webdev
https://react.dev/reference/react/StrictMode
Hey guys. If you love #supabase and #mantine and #nextjs then I have something for you. A ready-to-go multi-tenant boilerplate, freshly built, future-safe, server components -> yes!
https://github.com/activenode/supabase-next-app-mantine
Contact me for consultancy if you need it or create an issue.
This week on viewSource, @briancoords and I continue to dig into the basics of React and talk about what a #React component is as we slowly build up to coding an accordion block for the #WordPress block editor. https://youtu.be/eCKyI12JJsw
Frikkie has been building the Relive app for the past 5 years, helping to scale it to 16M users. In the process, he's learned a lot about React Native and its intricacies, and he's sharing those learnings at DevConf!
https://dev.to/nilanth/react-architecture-for-enterprise-application-3pnh - a methodology for organizing #React files in topic folders. Nice layout https://github.com/nilanth.
Join our team, lead by the great @edarchis to work on THE open source solution for health insurance, openIMIS, used more and more across the world.
https://www.bluesquarehub.com/blog/vacancies/backend-developer-2/
I would totally apply for that job if I was not already working there :-)
You don't need #ReactJS until your webpage changes. That's why it's called "React", it makes the #DOM *react* to changes in application state. If the state never changes, #React is unnecessary. #webDev #frameworks #web #dev #programming #frontend #JavaScript
Wakuwork, a React Framework, v0.8.3 is released!
You can try new router implementation, and see how React Server Components work.
Repo: https://github.com/dai-shi/wakuwork
If you’re interested in learning more about React and React Native testing, @CodingItWrong is teaching more workshops this year. One just sold out but the other has availability!
Currently working on a redesign for a website. The job isn't complete yet as some work needs to be done for the "login" but the main redesign is complete.
Here is an image of the previous version and the updated redesign made with #React #frontend #ReactJs #frontenddeveloper
Playing with Wakuwork, Minimalistic React Framework with React Server Components!
RSC supports streaming, so can we send infinite data?
Yes!
Camelot is hiring Front End Engineer
🔧 #html #javascript #nuxtjs #react #vue #cypress #css
🌎 Remote; Chalandri, Greece
⏰ Full-time
💰 $95k - $210k (Estimate)
🏢 Camelot
Job details https://jobsfordevelopers.com/jobs/front-end-engineer-at-camelotls-com-nov-17-2022-aa3ce4?utm_source=mastodon.world&ref=mastodon.world
#jobalert #jobsearch #hiring
Wakuwork v0.8.0 is released! https://github.com/dai-shi/wakuwork
Wakuwork is Minimalistic React Framework that extensively uses React Server Components.
On top of the minimal API, we added a router API. The router API is also minimal for the start.
WalletConnect is hiring Full-Stack Javascript Engineer
🔧 #javascript #typescript #react #blockchain #cryptocurrency #web3 #aws #postgresql
🌎 Remote; New York, United States
⏰ Full-time
💰 $90k - $210k (Estimate)
🏢 WalletConnect
Job details https://jobsfordevelopers.com/jobs/full-stack-javascript-engineer-at-walletconnect-com-aug-3-2022-34b88a?utm_source=mastodon.world&ref=mastodon.world
#jobalert #jobsearch #hiring
Make Use Of: How to Handle Data Fetching in React.js Using Tanstack Query https://www.makeuseof.com/react-data-fetching-using-tanstack-query/ #Tech #MakeUseOf #TechNews #IT via @morganeogerbc #WebDevelopment #Programming #JavaScript #React #API
Metatheory is hiring Full Stack Engineer
🔧 #nft #javascript #typescript #react #node #graphql #rest #blockchain #web3 #aws
🌎 Remote; California, United States
⏰ Full-time
💰 $95k - $210k (Estimate)
🏢 Metatheory
Job details https://jobsfordevelopers.com/jobs/full-stack-engineer-at-metatheory-jan-10-2022-c50025?utm_source=mastodon.world&ref=mastodon.world
#jobalert #jobsearch #hiring
3Pillar Global is hiring JavaScript Developer
🔧 #css #awss3 #java #javascript #dotnet #react #node #jquery #html #mvc
🌎 Guatemala
⏰ Full-time
💰 $90k - $205k (Estimate)
🏢 3Pillar Global
Job details https://jobsfordevelopers.com/jobs/javascript-developer-at-3pillar-global-jul-13-2021-331aec?utm_source=mastodon.world&ref=mastodon.world
#jobalert #jobsearch #hiring
#TIL that #React runs `useEffect` twice in development 😳🤕
https://react.dev/reference/react/useEffect#my-effect-runs-twice-when-the-component-mounts
Make Use Of: How to Use @next/font to Optimize Fonts in Next.js https://www.makeuseof.com/using-next-font-to-optimize-fonts-in-nextjs/ #Tech #MakeUseOf #TechNews #IT via @morganeogerbc #ProgrammingTools #WebDevelopment #Programming #React
Just released jotai-redux v0.2.1! https://github.com/jotaijs/jotai-redux
Someone filed a PR and it's merged. Super nice to see this integration library being used.
Follow Me! #introduction
#oregon #pdx #pnw #portland #sanFrancisco #sf #arkansas #cannabis #coffee #cycling #bike #eBike #fungi #mushrooms #unreal #videoGames #gaming #vr #retroGaming #rg35xx #sega #web #css #developer #frontEnd #fullStack #html #javaScript #js #webApps #webDev #aws #customElements #cypress #devops #graphql #lit #pwa #react #reactjs #serverless #shadowDom #webComponents #web3 #activityPub #bitcoin #blockchain #btc #crypto #cryptocurrency #filecoin #helium #hnt #icp #ipfs
@randomgeek What would you have taken instead of #React? I worked a bit with #Vue and it seemed nice, but I don't have enough experience to comment.
Whelp, that's my first #React commit on a company project. I really should take the time to learn it. My front-end knowledge is so out-of-date.
Learn for free 📚 (2/2)
#Node → https://gitconnected.com/learn/node-js
#Java → https://javatpoint.com
#DSA Visuals → https://visualgo.net
#SQL → https://sqlbolt.co
#Interviews → https://interviewbit.com
#HTML → https://w3schools.com
#CSS → https://css-tricks.com
#JavaScript → https://javascript.info
#React→ https://react-tutorial.app
#Angular → https://angular.io/tutorial/tour-of-heroes
The latest episode of @JSJabber isn't an easy one, but it's worth it: we discuss Functional Programming in #JavaScript, #TypeScript and #React with Ian Schwartz https://www.youtube.com/watch?v=2aRCrV1Jhsk
Wakuwork v0.7.2 is released! https://github.com/dai-shi/wakuwork
It's Minimalistic React Framework. My focus is React Server Components oriented, with client-first approach.
You can build an app and the `dist` folder contains everything. (Requires Node.js).
Wakuwork's minimal spec for React Server Components.
It's ready for you to play with! 👉 `npm create wakuwork`
Didn't realize how far Rust web frameworks have come. A really interesting performance analysis, that apart from highlighting the miserable performance characteristics of #React gives some interesting glances at the popular Rust based alternatives https://www.youtube.com/watch?v=4KtotxNAwME
On today's episode of viewSource, @briancoords and I get into #React! We're going to be building an accordion block in #WordPress over the course of a few episodes and it's going to be a loooot of fun. :D https://www.youtube.com/watch?v=TtmY2Ck_6i0
Wakuwork v0.7.0 is released! https://github.com/dai-shi/wakuwork
It's React framework for Server Components (RSCs).
I wasn't sure if I can reach here, but now it supports building. There are many assumptions and limitations, but it should work for basic usage.
0x is hiring Software Engineer - Frontend (Matcha)
🔧 #javascript #typescript #nextjs #react #api #blockchain #defi #nft #web3 #css #html
🌎 Remote
⏰ Full-time
💰 $100k - $200k (Estimate)
🏢 0x
Job details https://jobsfordevelopers.com/jobs/software-engineer-frontend-matcha-at-0x-nov-22-2022-c66972?utm_source=mastodon.world&ref=mastodon.world
#jobalert #jobsearch #hiring
it's interesting that the most popular #react wrapper for an actual lisp (clojurescript) uses #signals in place of useState(). you'd think truly functional languages would try to avoid that piece of mutable state.
@manlycoffee not exactly a "new" pattern
I'm going to be at 🌴 React Miami 2023 this April, talking about some of my favorite stuff in code - setting up ESLint and TypeScript for React! Hope to see you there! ☺️
✨ www.reactmiami.com ✨
New pattern when using React (and other frameworks like it):
views, hooks, and signals
New React docs pretend SPAs don't exist anymore
Link: https://wasp-lang.dev/blog/2023/03/17/new-react-docs-pretend-spas-dont-exist
Discussion: https://news.ycombinator.com/item?id=35201848