@J_cordz7+I’m going to be working on a Raycast :raycast: extension! This is going to be very useful to learn React :react: and TypeScript :typescript: ! Also here’s a cool :cooll-dino: landscape 🌆 picture of the day! 📸
@BenjaminSmith7+Working on a neat image carousel thing in React!
@KaraMassie-U032A2PMSE93Eeeiii! First #scrapbook post. With the help of the sweetest, smartest co-workers here at HQ, I’ve been building a Slack cat bot in js using Bolt.
I started by roughing out a design that is vastly beyond my current abilities, and that is based on the ~worst~ funniest personality traits of my IRL cat.
github.com/karamassie/madcatbot
A Cat currently lives in #the-litter-box only. It’s very shy, for now.
So far, I’ve learned how to:
• set up a bot using Slack’s API
• use Replit; and then,
• get my Slack tokens revoked by accidentally moving all my code to a public repo in GitHub
• regenerate those, and put them in a non-uploaded file
• Run my bot locally
On the js side I’ve learned how to:
• Set up which channel it is in
• Get the bot to respond to certain words or phrases
• Set up delays and randomization
• Create ‘untriggered’ events (ie the bot does random things without provocation)
• Have the bot react to users entering the channel
@J_cordz7+So today, it looks like Vercel hosted sites are allowed again on my internet, which was very odd on the first place why they got blocked, anyways, today I worked on my projects, my workshop translation an read a few things about Vue and Nuxt.js as alternatives to React and Next.js, so I will be deciding this days on what to focus to learn better next!
@caleb2This modal was written in JSX.
No big deal, right? I mean, everyone and their cousin uses JSX and React.
But what about JSX without React?
Yep, I hacked together a tiny React.createElement polyfill that lets elements like this be used as simply as document.body.appendChild(<div>HELLO WORLD!</div>). I didn't even have to use Babel (esbuild ftw) :cooll-thumbs:
I didn't publish this as its own package (mostly because I'm sure someone else already has), but the majority of the code is in this file if you want to check it out 👀@audreyolafz0finished a little react + firebase demo and I also enjoyed the beach (not shown) so all in all, it's been a sweet day.
@caleb2after many tears, I managed to get React + Rollup working (I had only ever used Webpack previously)
@Kxffie-U02D18SMWQP0Been a while since i was last here. Lots of things have happened that i want to scrapbook.
I actually got a girlfriend, it has been amazing.
I've learned a lot more and got back into coding after focusing on school for a bit
Learned better React, and I want to start getting into custom CSS rather than frameworks like Materialize. (I want to learn TailwindCSS)
I might want to move on and learn NextJS and some other things
I am in a competition with my school. I might be the only web developer that is competing. everyone else might be doing Java or C++ or Python
I think that is it
@nishant26580Hello everyone,
Here is my first ship 🚢,
Its a basic portfolio website build using React and styled using CSS. Its fully responsive and has a smooth scrolling 😁. It is a small project which is made while learning React.
Give me suggestions.
Here is the GitHub link:
github.com/nayanishant/Portfolio
@heyrajan0finally decided to learn the ins and outs of chakra ui - having LOTS of fun!!
@bjm0made my first real react site today – but seems like scrapbook took over my domain on vercel 😭 massive respect to people that know how to use tailwind because i still couldn’t figure it out
@bhumikag2340so today i have just finished a javascript course (and can now devote more time to learning React finally) and yay i built a stopwatch timer to consolidate my learning :D i love that i made progress on this and learned new things along the way!
@heyrajan0i dislike react, but at the same time i love it. for the next 24 hours you will find rajan in his natural habitat: failing to make things responsive but not giving up because there's nothing else to do
@Devnol0Started adding a projects list on my reactjs website, it’s not complete yet but here’s two I added for a start
@ZoeDroulias0Designed a cover for my current NIP, Rebel Princess. React with a ❤️ if you would read based on the cover, or a 😒 if you wouldn’t want to read it based on the cover. (Just trying to grasp if my novel hooks ppl in.)
@fayd0scrappy is bacc it seems, I bought epic react!! :yay:
@caleb2Introducing... the Ultimate Authoritative React Component Snippet (or UARCS for short) :react:@lachlanjc0If 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
@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
@BenjaminSmith7+Wrote a quick react component to make using a bunch of context providers easier
@Sarthak0Today 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!
@suvarneshkm0History vikings clone is going good :yay: with React🚀
@Devnol0FINALLY completed the main part of my personal website, hosted on GitHub Pages and written in ReactJS! devnol.github.io
@Devnol0This animation took so long I don’t even wanna talk about it@sampoder1wanted to learn more bout how to build a react component so I ported the scrapbook grid on my site to a react component!
introducing www.npmjs.com/package/@hackclub/scrapbook-grid!
as a demo site i also built a iframe based way to embed scrapbook, check it out and more at: github.com/hackclub/embedded-scrapbook!
:scrappy1::scrappy2::scrappy3::scrappy4:
@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:
@heyrajan0Just added this banner to my client’s website! Everything is done with Vanilla, because I started this project before my interest for React grew!!
@heyrajan0Made 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
@fayd0I'm in love with PHP, and considering to ditch React
@aaryan0Yeah 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
@lachlanjc0Carbon emissions dropped during COVID—but working from home introduces its own emissions. I’ve helped build an interactive calculator at Watershed to model these emissions: watershedclimate.com/wfh-calculator (& wrote a Twitter thread with some design details!)@lachlanjc0Playing with 3D animated text with React/Three.js & making generative clouds with SVG + CSS this weekend@Odyssey3460i'm rewriting my site in react, been fun so far, a bit pain sometimes tho but i like react
@BenjaminSmith7+Added 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
