Day 12 - 14 of #100DaysOfCode 1stly NodeJs showed me flames 😭 Horrible start But I've learned this: -Node & it's NPM run React -React comes as a package: (Create-React-App) - CRA Folder Structure - A component called App & Div Root are the spine of React Painful start

Day 15 of #100DaysOfCode Today we expanded on components and their types... Looked into props Looked into JSX Coming from the Python background it was easier to do importing of modules and expanding on the skeleton of the topic at large.

Day 16 of #100DaysOfCode Back at it! We dived deeper into: -React Properties and their types -Got into destructuring and default props Now we touched down into Rendering: -Components and JSX -Conditional rendering -Re-rendering React is not pap n vleis but there's light

Day 17 of #100DaysOfCode We got into *Rendering Components* and the types of rendering... slowly getting it. Then dived into *Events and event Handling*... JS revision with a twist of using components instead of functions. Now States 🙆🏾‍♂️ Memory variables within a component 🤔

Day 18 - 21 of #100DaysOfCode 4 days of rigorous learning 😏 Solidified My: -States Knowledge -Expanded more on Rendering -Hooks -React Event Handling -Input field handling My understanding of this library is coming together... I'm starting to enjoy this thing...

Day 22 - 23 of #100DaysOfCode It's application time: Currently creating a to-do list Handling events, buttons and input fields.. Had to learn a lot of different CSS Styling in React 🙄 Liked it though cause it's a bit different Still working on the delete button component

Day 24 - 25 of #100DaysOfCode We're back! Did some finishing touches on the Todo List: -Feature: Delete functions -Feature: line-through function and CSS module... The delete functions got more complicated as the parameters and the state had to move around

x.com/CodingKevCare/…

Day 26 of #100DaysOfCode We got into the world of React Hooks... Understanding the different types of hooks and what their use cases are... Didn't have much learning during the day due to the AWS Summit but we were about start with the project to understand.

Day 27 - 28 of #100DaysOfCode Got the idea of how Hooks work and it's project time to solidify the understanding... Starting with useEffect: a hook that performs side effects like fetching data... meaning we have to look into APIs. Played with Postman for APIs before project

Day 29 of #100DaysOfCode In my project I'm trying to search for food like pasta from my search bar and in the background the food data must be fetched and be displayed. The useEffect hook helps us with that: - It's a hook that allows us to do side effects like fetching data.

Day 30 of #100DaysOfCode Project Update: - The Search bar is fully fetching data from the API.. - We created a component that displays the fetched data as a list and shows them on the screen... This is called rendering 😅 Basically: my search bar now shows the words unlike b4

Day 31 - 32 of #100DaysOfCode Past 2 days have been about abusing the API key and rendering whatever I get out of it and styling it properly to make it look good.. Mostly worked on the CSS 😓 and I'm realising that I am going to need a UI/UX designer when I work on projects 😕

Applications for our annual Geekulcha Hackathon are NOW OPEN! 🎉 Whether you join us online or in person, it’s time to hack for a brighter future. Let’s build something amazing together! 💻✨ Don’t miss out – secure your spot now! 🔗👉 gklink.co/hackathon #GKHack24

It’s getting closer #GKHack24

Day 33 - 35 of #100DaysOfCode What we learned: -Creating components within components and fetching new API data on the other component. -Surprisingly: State management in terms of variable and data fetching and displaying it on the UI... The other 2 components clarified this

Day 36 - 38 of #100DaysOfCode Days and weekends of abusing the API to build a UI around it... The learning is mostly around creating components within components to enhance the UI and add more features of the app And yes I don't care about UI that much for now 😅

Day 39 - 41 of #100DaysOfCode We have learned about useEffect hook for the past 3 days... Though slow but worth the deep read up as it is more complex than useState.. We will now engage in practice to be solid on it. Days have been slower and fatigue taking places as well.

The tower has caught the rocket!!

Starship rocket booster caught by tower