This media is not supported in your browser
VIEW IN TELEGRAM
i am trying to cover most foundational concepts of react in one project. Which includes hooks, props, basic state management(context API) , fetching api, and more
... I will post the github repo soon
... I will post the github repo soon
🔥1🆒1
Forwarded from Programmer Jokes
Even css logo does not know how to center the text correctly inside the div 😂
😁1
This media is not supported in your browser
VIEW IN TELEGRAM
add: clear error handling for the user
👍1
1. Variables:
Variables are used to store data temporarily in JavaScript. They exist within the scope where they are declared (local or global) and are not persistent across renders in React components.
Example:
2. State:
State is a built-in React object that allows components to maintain and update dynamic data across renders. It makes React components interactive.
Use useState for functional components to manage state.
Example:
3. Props:
Props (short for properties) are used to pass data from a parent component to a child component. Props are immutable in the child component, meaning the child cannot directly modify them.
Example:
4. Context:
Context provides a way to pass data (like global variables) through the component tree without having to pass props down manually at every level.
Example:
5. State Management:
State management is the practice of handling and synchronizing state across components in an application.
Simple apps might only use useState or props. For larger apps, tools like Context API, Redux, or Zustand can manage shared state efficiently.
Purpose: Ensure consistency, reduce prop-drilling, and provide a predictable flow of data.
By understanding how variables hold data, states handle dynamic values, props allow communication between components, and context/global state tools prevent redundancy, you grasp the foundation of state management in React.
Variables are used to store data temporarily in JavaScript. They exist within the scope where they are declared (local or global) and are not persistent across renders in React components.
Example:
const count = 0;
2. State:
State is a built-in React object that allows components to maintain and update dynamic data across renders. It makes React components interactive.
Use useState for functional components to manage state.
Example:
const [count, setCount] = useState(0);
3. Props:
Props (short for properties) are used to pass data from a parent component to a child component. Props are immutable in the child component, meaning the child cannot directly modify them.
Example:
function Child({ count }) {
return <div>{count}</div>;
}4. Context:
Context provides a way to pass data (like global variables) through the component tree without having to pass props down manually at every level.
Example:
const ThemeContext = React.createContext('light');5. State Management:
State management is the practice of handling and synchronizing state across components in an application.
Simple apps might only use useState or props. For larger apps, tools like Context API, Redux, or Zustand can manage shared state efficiently.
Purpose: Ensure consistency, reduce prop-drilling, and provide a predictable flow of data.
By understanding how variables hold data, states handle dynamic values, props allow communication between components, and context/global state tools prevent redundancy, you grasp the foundation of state management in React.
👏1
Ctrl+code ⌨️
1. Variables: Variables are used to store data temporarily in JavaScript. They exist within the scope where they are declared (local or global) and are not persistent across renders in React components. Example: const count = 0; 2. State: State is a built…
Understanding state management for beginners ... "as gpt explained"
Forwarded from Beka (Beka)
you can now use next-forge with better-auth :))
https://docs.next-forge.com/authentication/better-auth
https://docs.next-forge.com/authentication/better-auth
👍1
Ctrl+code ⌨️
i am trying to cover most foundational concepts of react in one project. Which includes hooks, props, basic state management(context API) , fetching api, and more ... I will post the github repo soon
The project is ready for you to explore!
Check out branches to navigate between basic and intermediate level of difficulty.
Contribute to the Advanced branch to help make it more insightful for learners.
Feel free to check it out, and don't forget the star ⭐
Github: https://github.com/henaorth16/learn-React
Check out branches to navigate between basic and intermediate level of difficulty.
Contribute to the Advanced branch to help make it more insightful for learners.
Feel free to check it out, and don't forget the star ⭐
Github: https://github.com/henaorth16/learn-React
GitHub
GitHub - henaorth16/learn-React: this project is made for beginners to show almost all concepts of react in a single project
this project is made for beginners to show almost all concepts of react in a single project - henaorth16/learn-React
Forwarded from ForwardingServiceRepositoryImpl (Archive)
YouTube
Great... Github Lies About Copilot Stats
Twitch https://twitch.tv/ThePrimeagen
Discord https://discord.gg/ThePrimeagen
Become Backend Dev: https://boot.dev/prime
(plus i make courses for them)
This is also the best way to support me is to support yourself becoming a better backend engineer. …
Discord https://discord.gg/ThePrimeagen
Become Backend Dev: https://boot.dev/prime
(plus i make courses for them)
This is also the best way to support me is to support yourself becoming a better backend engineer. …
i don't know why i'm sharing you the book i never read!
https://www2.cs.uh.edu/~arjun/courses/ds/DiscMaths4CompSc.pdf
https://www2.cs.uh.edu/~arjun/courses/ds/DiscMaths4CompSc.pdf
Forwarded from ForwardingServiceRepositoryImpl (Archive)
This media is not supported in your browser
VIEW IN TELEGRAM
nothing to see here. just an eeu technician hard at work
Forwarded from Only Street Fighting
This media is not supported in your browser
VIEW IN TELEGRAM
Cocaine is one hell of a drug.
🤣1
Forwarded from DoughNut 🍩
Looks like better auth is now on the official ElysiaJS documentation😍 😍
I lovee elysia and how easy it was to setup a project with better auth two tools that showcase why humans built great shit.
So as a normal human being sent a pr for a doc on how to setup better auth on elysia and hereee wee goooooo🥳 🥳
https://github.com/elysiajs/documentation/pull/450
#BuildSexyProducts #Backend
I lovee elysia and how easy it was to setup a project with better auth two tools that showcase why humans built great shit.
So as a normal human being sent a pr for a doc on how to setup better auth on elysia and hereee wee goooooo
https://github.com/elysiajs/documentation/pull/450
#BuildSexyProducts #Backend
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Luna's pathway🤗 (Luna)
Hello,I need your attention for a second!
One of our own, Daniel Basazinew, a talented software engineer and an incredible human being, is facing a life-threatening challenge. Daniel has been diagnosed with End-Stage Renal Disease (ESRD), and both of his kidneys have failed. He urgently needs a kidney transplant, but the cost of the procedure abroad is $40,000.
Daniel has always been there for others, mentoring, helping, and inspiring those around him. Now, it's our turn to help him in his time of need.
Here's how you can support:
Donate via GoFundMe: https://www.gofundme.com/f/urgent-support-daniels-kidney-transplant
Local Donations (Ethiopia):
Commercial Bank of Ethiopia: 1000259462774 (Daniel Basazinew)
Telebirr: 0941219026 (Zinash)
Share the campaign with your networks to spread the word.
Let's rally together to save Daniel’s life. Every little bit counts—thank you for your support!
content credit : Nahom Abera
One of our own, Daniel Basazinew, a talented software engineer and an incredible human being, is facing a life-threatening challenge. Daniel has been diagnosed with End-Stage Renal Disease (ESRD), and both of his kidneys have failed. He urgently needs a kidney transplant, but the cost of the procedure abroad is $40,000.
Daniel has always been there for others, mentoring, helping, and inspiring those around him. Now, it's our turn to help him in his time of need.
Here's how you can support:
Donate via GoFundMe: https://www.gofundme.com/f/urgent-support-daniels-kidney-transplant
Local Donations (Ethiopia):
Commercial Bank of Ethiopia: 1000259462774 (Daniel Basazinew)
Telebirr: 0941219026 (Zinash)
Share the campaign with your networks to spread the word.
Let's rally together to save Daniel’s life. Every little bit counts—thank you for your support!
content credit : Nahom Abera
👍1