i thought ssr(server side rendering) is a new concept that nextjs introduced

Some startup owners plan...

🤔I will hire developers for free and make money. (they call it "unpaid intern")

ወይኔ በላቸው

This was the reason behind Ethiopian airline boing 737 crash

t.me/next_web_dev

I miss the old days where there is no chatgpt (AI), much youtubers, tiktok, only a pure talent .

It all was quite a hard work and struggle to learn by reading, testing, asking, failing, trying, spending all nights to solve 1 problem which is a misplaced comma (,)😅 . But now one paragraph of prompt does all the things at time and makes us dummer.

Its good to use technologies like AI chatbots and other tools but we have to keep the tradition of the way we learn.

https://codepen.io/henaorth/pen/zYgQrOR
this css project takes 2min. i called it youtube's full-screen toggle animation 😄. enjoy it 😊

Free Resources for Learning In-Demand Tech Skills:

Web Development:

• freeCodeCamp: https://www.freecodecamp.org/ — Comprehensive curriculum, project-based learning.
• Codecademy (Free Tier): https://www.codecademy.com/ — Interactive lessons, good for beginners.
• Khan Academy: https://www.khanacademy.org/computing/computer-programming — Great for foundational concepts.
• MDN Web Docs: https://developer.mozilla.org/en-US/docs/Web — Extensive documentation and tutorials.


Cybersecurity:

• Cybrary (Some Free Courses): https://www.cybrary.it/ — Offers a mix of free and paid courses.
• OWASP (Open Web Application Security Project): https://owasp.org/ — Focuses on web application security; valuable resources.
• SANS Institute (Some Free Resources): https://www.sans.org/ — Renowned cybersecurity training organization; check for free offerings.


App Development:

• MIT OpenCourseware (Relevant Courses): https://ocw.mit.edu/ — Search for courses related to mobile development (you'll need to find specific relevant ones).
• freeCodeCamp (Mobile Dev): https://www.freecodecamp.org/ — Check for mobile development sections within their curriculum.
• Udemy (Free Courses, Often Limited): https://www.udemy.com/ — Look for free courses; availability changes frequently.


Data Science & Machine Learning:

• Kaggle Learn: https://www.kaggle.com/learn — Interactive courses on data science and machine learning.
• Google's Machine Learning Crash Course: https://developers.google.com/machine-learning/crash-course — A fast-paced introduction.
• edX (Some Free Courses): https://www.edx.org/ — Offers courses from universities worldwide; look for free options.
• Coursera (Some Free Courses): https://www.coursera.org/ — Similar to edX, with courses from top universities and organizations.


#coding #cybersecurity #development #courses

@ethiocodecomm

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

Even css logo does not know how to center the text correctly inside the div 😂

አሁን ደሞ .. Let's update our portfolio with the new css logo

add: clear error handling for the user

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-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.

Understanding state management for beginners ... "as gpt explained"