Akram Narejo Profile picture
Frontend Developer 👨‍💻 React.js | Next.js • blockhain enthusiast • @ImranKhanPTI✌️
Oct 26, 2021 7 tweets 3 min read
💡🧵 Props drilling❓
In react when you have a tree of a components and want to pass the data to the last component, you have to pass props through every component in tree and re-render all components on change. this is problem called as props drilling.

#reactjs #100DaysOfCode this problem is like having a box within a box within a box. when you want to change things in the inner most box you have to open all the outer boxes to reach there every time. that's the case of props drilling, that you have to pass the props and re-render components.
Oct 3, 2021 4 tweets 2 min read
2/100 days of learning React.
export default vs named components in react.
In react view is built with components. components are exported before importing them.
Two way we export them either as default or named.
know more 👇🧵

#reactjs #javascript #100DaysOfCode 1. default
default is used when we export single component and considered default and while importing its name doesn't matter.

Compo = () => { return <p>hello, world</p> }
export default Compo

Import with other name won't mind.
import X from './Compo'
Aug 5, 2021 12 tweets 5 min read
How to write ✍️ your notes 🗒, blog r even your github repositories with the markdown markup lang.
Let’s learn d following:
• headings
• text styling
• links
• syntax
• paragraphs
• lists
• tables
Follow d thread 🧵 2 read them 👇
#DEVCommunity #100DaysOfCode #markdown 1️⃣ Headings
For headings just insert the # before heading. And the numbers of # defines the heading number. Image
Jul 29, 2021 8 tweets 3 min read
Explaining Loop 🔁
1.
Loop is the fundamental building block of programming, used to repeat or iterate the fixed number of steps.
Loop saves the time and labour.

Thread 🧵

#100DaysOfCode #DEVCommunity #javascript #programming #loop 2. Real time example
Suppose you are donating $100 to each one of the 50 homeless.
For that you will keep count of people who are you done with.
So, 3 things we r doing:
• setting condition to 50
• counting ( increment )
• donating