@lachlanjc2If you missed it yesterday, I ran a workshop at PrideMakers with special guest Guillermo Rauch! I explain why/how React.js & Next.js were invented & the difference between them, then walk through how React components work, & build a small app with static generation & near-infinite pages for personal TV show recommendations. Resources here. youtu.be/aEbxzp4Fqg4
@lachlanjc2Join me in 2 hours at PrideMakers 2021, where I’ll teach you Next.js & React.js, but queer :technologist:️
🌈 Streamed live for free at 1pm PDT / 4pm EDT today: twitch.tv/teamliquid
@CC0Day 5/100 Days of Code:
• Worked on Surf up hacks (using MERN stack: MongoDB, Express, React and Node) and integrating some Google apis
• Also went to some interesting talks during the hackathon
@RebeccaWang0Finally got off my bed and redid by old personal site from early February. Made it responsive though I might try a dark mode or a React version later on. Found at rebeccawang.tech:harrypotterparrot:
@BenjaminSmith2Wrote a quick react component to make using a bunch of context providers easier
@Sarthak5Today I began porting our create-react-app based Computer Science Club website to Next.js. The other club leaders and I are also working on our applications for Hack Club and will send those in soon!
@matthew0Hack Club Meetings just got a little bit better! Yesterday afternoon/evening I learned about some cool new React concepts and made all video timestamps clickable links that seek to the timestamp in the embedded video! Then yesterday night, @lachlanjc helped me clean up my clunky code and add a new "Dock video" button, which displays the video in a small window near the bottom of the screen so that you can watch it while reading the page. My experience with React is still pretty limited, so I'm glad I was able to figure it out :yay:
Try it out! All pages on meetings.hackclub.com now have the dock button and the new timestamps :partyparrot:
@rajan.ag0050Just added this banner to my client’s website! Everything is done with Vanilla, because I started this project before my interest for React grew!!
@rajan.ag0050Made a really quick profile page with some links with React. Took me about 15 mins, but once I add a little more spice it should be very nice haha- still looking for personal site inspo
@fayd1I'm in love with PHP, and considering to ditch React
@aaryan1Yeah been on sooo many zoom meetings this week (we don't use zoom for school), also I realized how much netflix I've been watching :angrycry: . I've been learning React again these days and brushing up on my ML theory!
@Devnol0Started making my personal website with React! It’s not ready yet, but so far React has been pretty simple and easy to use. It’s not much right now but that’s all I had time for today. devnol.github.io
@BenjaminSmith2Added my website to the webring! I wrote a react component with Next.js server side data fetching instead of using the premade JS so there is no JS needed to run the component on the browser
@avi0AAAAAAA I'M ADDICTED TO REACT NOW AAAAAAAA I can't even work at my computer without being tempted to work on this project
@avi0Me learning React, one year ago: AAAAA REACT IS CONFUSING
Me learning React, now: React is so sexy :aww:
@fayd1taking the first step in learning typescript. trying to convert my react-todo-list. :ts:
@everest0Did the Vercel nextjs blog tutorial. Really liking vercel so far, more than any other hosting provider I’ve tried. It feels like if apple made a hosting service and react framework. blog.everestoreizy.vercel.app
@matthewvandyke087+Continued the react 2025 course, started dev on my new project(don't mind how everything is not aligned yet), and created the plan for people who don't send gifts for secret santa(stay tuned)
@ella0working on some more components in React but stuck on the responsiveness part:thonk-spin:
@BenjaminSmith2Also here's my GitHub commit graph for the year, it becomes a lot more dense when I started learning React and working on more projects
@matthewvandyke087+Still working on the React 2025 course, made good progress but just ran into a problem...
@sampoder0This Christmas I got a Jedi Challenges AR Headset from Santa (thanks Santa!). I really like the game, but I wanted to be able to put custom applications on to it!
So I made Holocron :jediparrot: which is a React component that makes doing so super duper easy. It helps you size the window correctly and position the screen etc. It was my first time making a React component and I found the publishing quite difficult but I worked it out well: www.npmjs.com/package/@sampoder/holocron
I then built a demo app that shows the status of your Vercel deployments on your headset. It uses SWR and react-reveal to make it feel buttery smooth!
I also built one that implements the Slack events component on the Hack Club Website (here) on to it (sadly I ran out of time to put this in the demo vid but there are pics attached!
Here's the GitHub project for the package: github.com/sampoder/holocron.
And here's the demo video which I submitted to MLH's weekly hackathon...... and guess what?? Somehow, I won Best Overall Hardware Hack so I now get a free kit from ironically DigiKey (you still owe me money, no escaping) but my react component won best hardware hack lol!
@sampoder0I’m really proud that I worked this out!! Published smth on :npm:
@rishi0Yellow hellow everyone! It’s the first day of winter break, and now that all my school stuff’s finished (having handed in what might, in hindsight, have been one of the worst essays of my life), I’ve found myself quite pretty bored!
I’m going to be challenging myself to build one cool thing every day (and maybe ship it either here or in #rishi if it’s smaller), so here’s the first one!
I’ve found myself working with asynchronous hooks in React a lot; whether that be to fetch data or just do timed stuff client-side, the normal integrations just don’t really cut it for me. That’s why I built my own library for those kinds of hooks! @rishiosaur/async is built in Typescript, and has some awesome documentation as a result (Typedoc really comin thru), and has two hooks that I use a lot in my daily React life: usePromiseEffect and useAsyncEffect, both of which are modelled to look like idiomatic React (I’ve attached an example of their usage down below).
:githubparrot: You can find the Github repo over at z.rishi.cx/g/async (feel free to star!),
:npm: The NPM package over at www.npmjs.com/package/@rishiosaur/async,
🏗️ And the documentation over at async.rishi.cx!
@abhibhaw0Trying Gatsby for the very first time and It's really nice :partyparrot_longshuffle: