@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)
@ella7+working on some more components in React but stuck on the responsiveness part:thonk-spin:
@BenjaminSmith0Also 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...
@sampoder7+This 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!
@sampoder7+I’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:
@fayd1This... This thing... is an extraterrestrial power.
@rjhangiani0learning reactjs and building a personal website!! 🙂
@jasonaa0I've been learning react for the past couple weeks. It's still a bit confusing but I'm getting better
@googol0So, the last time I tried learning react I got stuck. and quit. So this time I'm trying a different approach, with a codecademy course. It's a bit simple, but at the same time I'm liking their explanations and I'm optimistic that this will help me in some shape or form :)
@kayley0:react:it's kayley learns react time! I started on the react tic tac toe tutorial yesterday night, and I'm starting to get the hang of it, although I'm still confused with all of the brackets and where all the semicolons go. Side note: react has amazing documentation. Anyways, I told my BBG WAVE advisor that I was learning react and he commented all over my code with suggestions and remarks on how to improve the code. I have the best mentor ever. Here's a screenshot of his code and a demo of my program.