@ShubhamPatil7+back to working on my travel app. react native is still a pain in the butt for me :nooo:
@BibhavPaudel-U04ANSA6FGT0OHH! Missed it again .. Now Starting over with >
Day 1 of #10-days-in-public! Worked on a Project Based on React.js , Coded some REST API scripts today.
@cytronicoder0🚀 Day 1/10: Shipped part 2 of my 4-part workshop on shipping your first React website (portfolio)!
The next few updates will be about finishing this up and starting to plan for the data analysis workshop.
#10-days-in-public
@DevIos0Done with a login system in react integrated for #hkgi, will give it more polish and contiune on other task list :duck-dance:
@adelly130currently trying to learn react.js so that I can rebuild my personal website!
@aaryan0OMG TIL that React StrictMode (which is enabled by default in create-react-app) renders components twice in order to detect any problems with your code and warn you about them. Even react docs mentions this!
How I came across this: I added a Toast component in my useEffect, and it was showing up twice on every load. Which lead me to a LOT of reading and googling, and realizing I'm using useEffect wrong and React is trying to tell me that :)
This was fun.
@aaryan0Making a full stack application and trying out FastApi :python: . It's a leads management system (CRM). Frontend in react and bulma, and backend in fastapi ✨
@Jaden0Day 6 of #10-days-in-public
Today I spent more time working on a website with the OPEN SOURCE FRAMEWORK ASTRO. Turns out that you can include React components in Astro. I think I understand how it works now. Hopefully I can send this to the requester soon!
@tinu0day 3 of #10-days-in-public today I worked on the first iteration of theoretical grade editing and after fiddling around with react state for bit I got it working!!!
@linkai0#10-days-in-public day 2/10
today i kept working on the polistat website for my class (see my day 1 post for more info) — the website’s going to have state and candidate descriptions for each senate and governor race, and we got everyone in the class to write md files. i set up an mdx file system that pulls md files w/ react components and renders pages for them. i spent some time today parsing through the files and fixing formatting errors that the class made 😅 im expecting the website to go live this weekend 😁
@aaryan0Made a distance calculator, that shows the route and time to travel between two cities. Made using react, chakra UI, and react-google-maps/API that uses Google maps API V3.
Deployed on: gmaps.aaryanporwal.com
@aaryan0Built the 2048 game in react! Check it out at 2048.aaryanporwal.com
Also have to add a score feature, will decide on the score logic later and have to add mobile phone support as well (currently using keyboard keydown events, will be fun to see what events trigger in phone on swipes 🧐 ) Excited to build this 🏗️
@aaryan0Making 2048 game in react! It's complex and needed a lot of thinking. Also a lot of functions and hooks 😋
@aaryan0TIL why we need to wrap multiple JSX tags in react.
@Aadit0Ayy I got airtable setup with a next+react form!
@Aadit0it took me 1.5 hours of debugging to get this... I hate react
@Aryan_Garg0Made The React Dashboard With Good UI.
@Aryan_Garg0Learned About The React Components And Frameworks.
@Aryan_Garg0Making the cool dashboard in React.js with use of Frameworks and libraries.
@m040Framer Motion and react-scrollama@m040Implementing scrolling stuff with react-scrollama and niue:niueparrot:
@rithul0I would call this progress! I get a html value, Time to hook this up to a react app to get myself a parser running, Also I gotta do some codemirror stuff so its gonna take time!
@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! 📸
@m040Working on a neat image carousel thing in React!
@KaraMassie-U032A2PMSE90Eeeiii! 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!
@caleb0This 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.
@caleb0after 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
@rajanagarwal1finally 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!
@rajanagarwal1i 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: