Akul Kakkar

passionate learner
(notes for future)

[Akul Kakkar @akul_kakkar]

New issue unlocked...opened project on localhost after a while and found this...
Causing UI to get f***

[Akul Kakkar @akul_kakkar]

React’s StrictMode is a development-only tool that helps you catch bugs early by running extra checks and intentional double-invocations of certain lifecycle methods. It doesn’t affect production builds but ensures your code follows best practices and avoids unsafe patterns.

[Akul Kakkar @akul_kakkar]

Why am getting same error twice??
It's because of react strictmode

[Akul Kakkar @akul_kakkar]

npm init react-app todolist

[Akul Kakkar @akul_kakkar]

Used hook useState from react in making a button which updates the ui

[Akul Kakkar @akul_kakkar]

Hooks are the function in react which lets you use reacts features inside functional components without writing class components

[Akul Kakkar @akul_kakkar]

Staging environment:- it mimics the production environment to test new features and changes to ensure that these functions work correctly before going live. Various testing types like unit testing, integration testing and performance testing are conducted in staging environment

[Akul Kakkar @akul_kakkar]

Basic features of version control(sources control)
1. Track change
2. Collaboration
3. Efficiency
4. Encourage clean code therefore improving clean code
5. Branch and merge
6. Revert changes therefore also called time machine

[Akul Kakkar @akul_kakkar]

🧠 DOM 101: Just added a heading + paragraph to the page using JS when a button is clicked or hovered. Simple, but clean. Event listeners + createElement() + appendChild() = magic.
Building from scratch to polish—next up: dynamic r.builder with g.API integration.

[Harkirat Singh @kirat_tw]

Hunger cant be taught, it has to be lived.

[Akul Kakkar @akul_kakkar]

Clg thing
#cprogramming #codingcommunity

[Akul Kakkar @akul_kakkar]

Just discovered DOM manipulation! 🧠 It lets devs update a webpage’s structure, content & style without touching the original HTML. Also virtual DOM= smart updates #javascript #REACT #WebDev

[Akul Kakkar @akul_kakkar]

Linear algebra for machine learning

[Akul Kakkar @akul_kakkar]

"Free book"! Bootstrap 5 foundations by Daniel Charles Foreman. #Bootstrap #Css
#HTML
https://t.co/7OcB35sJoe

[Akul Kakkar @akul_kakkar]

Discovered a key Bootstrap tip: applying the container-fluid class ensures your container div spans the entire viewport, enabling full-screen responsive layouts. #Bootstrap #ResponsiveDesign #WebDevelopment

[Akul Kakkar @akul_kakkar]

Solved it! 🎉 To make my header div fit perfectly inside the container div, I used CSS position attributes and width: 100% for header div. #CSS #WebDev
(Header position to relative and container position to absolute)

[Akul Kakkar @akul_kakkar]

Any suggestions on media queries..how/where to study..

[Akul Kakkar @akul_kakkar]

Fixed the CSS bug with margin-auto... only to watch it break again at 768px. Media queries: the plot twist nobody asked for.

[Akul Kakkar @akul_kakkar]

Woohoo! My first html document. Small step, big win! #HTML2025 #developer

[Akul Kakkar @akul_kakkar]

Here is the link for the course
https://t.co/2io2OE10G3

[Akul Kakkar @akul_kakkar]

Started the Meta Front-End Developer course on Coursera! 🚀 If you've taken it or are doing it now, I'd love to hear your suggestions for complementary projects, tools, or resources to explore alongside it!"