#react
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
React Native App Development in Sydney - Infinity Soft Systems
Learn about React Native app development in Sydney and its benefits for businesses in this comprehensive guide. Find tips for hiring the right developer and creating high-quality mobile apps for both iOS and Android platforms. Read more here!
#react #native #app #development #sydney
#reactnativeappdevelopment
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
I have recently uploaded a tutorial about #React Context Step by Step. If you want to strength your knowledge about React Context click on the link below.
https://youtu.be/gIW8P0qGk4U
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.
Blinq is hiring Software Engineer - Intern
🔧 #react
🌎 Melbourne, Australia
⏰ Internship
💰 $90k - $210k (Estimate)
🏢 Blinq
Job details https://jobsfordevelopers.com/jobs/software-engineer-intern-at-blinq-me-oct-10-2022-fcd0d5?utm_source=mastodon.world&ref=mastodon.world
#jobalert #jobsearch #hiring
Building dead-simple #invoice app using #Tailwindcss and #react #buildinpublic #100DaysOfCode
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
3Pillar Global is hiring React Developer
🔧 #html #java #javascript #ruby #react #rubyonrails #redux #css #tdd
🌎 Guatemala
⏰ Full-time
💰 $90k - $210k (Estimate)
🏢 3Pillar Global
Job details https://jobsfordevelopers.com/jobs/react-developer-at-3pillar-global-jun-21-2022-a2b784?utm_source=mastodon.world&ref=mastodon.world
#jobalert #jobsearch #hiring
@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.
Make Use Of: How to Create Better React Native Animations https://www.makeuseof.com/react-native-animations-how-create-better/ #Tech #MakeUseOf #TechNews #IT via @morganeogerbc #ComputerAnimation #Programming #React
I'm hiring an experienced Frontend Engineer!
Experience with Atomic Design Systems? Web & Mobile? a11y? perf? theming? Want to ship code to prod on your first day?
Remote is possible ±2h Berlin time.
Interested? DM me.
RTs appreciated ❤️
#typescript #react #designsystems #webdev
More info: https://www.tooltime.de/jobs#job-1255804
Atomic is hiring Fintech Lending Co Fullstack Engineer
🔧 #node #javascript #typescript #react #redux #api
🌎 Remote
⏰ Full-time
💰 $90k - $210k (Estimate)
🏢 Atomic
Job details https://jobsfordevelopers.com/jobs/fintech-lending-co-fullstack-engineer-at-atomic-vc-nov-3-2022-ed352f?utm_source=mastodon.world&ref=mastodon.world
#jobalert #jobsearch #hiring
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
Zustand is such a small library that I don't have much to teach. Maybe I can just randomly talk about Zustand v4. Here's a new video product. Hope someone finds it interesting.
Just fixed create-wakuwork without "exec" hack. https://unpkg.com/browse/create-wakuwork@0.3.0/cli.js
Wakuwork is Minimalistic React Framework with React Server Components. https://github.com/dai-shi/wakuwork
Disappointed 😢 that #Microsoft has abandoned most #visual design surfaces in development along with all us visual thinkers 🧠 in it’s code-first push.
#Visio is moldering in the basement, Class Diagrams all but forgotten in now-ironically-named **Visual** Studio 👀 and no cool #UML or #casetools in ecosystem in over a decade.
Maybe #react-flow and it’s beautiful children lang-flow, chainnner, etc will spark something in #redmond.
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.1 is released! https://github.com/dai-shi/wakuwork
Now, we can create wakuwork. Yay!
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
React https://react.dev/
New #React docs just dropped. Looks great, explains use cases, editable examples.
But most important, includes a long-awaited critical bug fix: official docs no longer recommend create-react-app
Semi regular reminder I am available for consulting and development for #WordPress, #Laravel and #React projects.
I wrote a post about creating reusable React hooks for use in the #WordPress editor or other places you use #React
https://pluginmachine.com/creating-reusable-react-hooks-for-the-wordpress-block-editor-or-whatever/