BC ALL
Saved by @Robert45493679

JavaScript First, Then React?
Or,
JavaScript ✛ React?

⇩

 👩‍💻 Beginning Words

There are 3 approaches one can take to start React journey

➊ Complete JavaScript. Then, start React.

➋ Learn the essentials of JavaScript. Then, start React. Finally, learn advanced JavaScript.

➌ Start React. Learn JavaScript alongside.
💭 Why is this Thread?

⬘ JavaScript is a language while React is one JavaScript-based library.

⬗ Looking at the popularity of React, few people directly start learning React without much/prior knowledge of JavaScript. Is this a good idea?
⬙ Whichever approach you may take, it's important to know what JavaScript concepts will make your React journey effective and, smoother.

⬖ We will discuss those essential concepts in this thread.
📋 JavaScript Essentials for React

➊ Basics
➋ String Methods
➌ Array Methods
➍ Array Destructuring
➎ Array Spread
➏ Object Destructuring
➐ Object Spread
➑ Template Literals
➒ ES Modules
➓ APIs & Others
➊ Basics

➀ Variable
➤ Declaration
➤ Scope
➤ Hoisting
➤ Assignment

➁ Functions
➤ Declarations
➤ Expressions
➤ Arrow Functions
➤ Callbacks
➤ Closure
➂ Operators
➤ Arithmetic
➤ Assignment
➤ Comparison
➤ Logical

➃ Literals
➤ String
➤ Array
➤ Object

➄ Condition & Looping
➤ if, if...else
➤ for, for...in, for...of
➤ while, do...while
➋ String Methods

➤ toLowerCase()
➤ toUpperCase()
➤ charAt()
➤ substring()
➤ slice()
➤ includes()
➤ startsWith()
➤ endsWith()
➤ indexOf() / lastIndexOf()
➤ match() / matchAll()
➤ replace() / replaceAll()
➤ repeat()
➤ trim()
➌ Array Methods

➤ forEach()
➤ map()
➤ reduce()
➤ flat()
➤ flatMap()
➤ find()
➤ filter()
➤ slice()
➤ splice()
➤ push()
➤ pop()
➤ shift()
➤ unshift()
➤ some()
➤ every()
https://t.co/HVBUwFigWI
➍ Array Destructuring

It's frequently used in hooks esp. useState()

Example:

⇥ const [fruits, setFruits] = useState([]);

Know more:
https://t.co/Pa7QF30FT3
➎ Array Spread

There are so many use cases. One of the place where we frequently spread an array is adding/updating/removing an item from the state.

Example:
Add an item to the starting of Array

⇥ let newArray = [itemToAdd, ...oldArray]

Know more:
https://t.co/L4Sxv94WOz
➏ Object Destructuring

⬘ Properties are passed as an object parameter to our function component.

⬙ We can destructure it and, specify only those properties that we are going to use.

Example:

function MyComponent({name, address}) {

}
➐ Object Spread

We may spread an object to pass those to a child component.

Example:

function MyComponent({name, address, ...rest}) {
return
}
➑ Template Literals

➤ Untagged Template Literals
➤ Tagged Template Literals
This is used in a few stylesheet libraries.
➒ ES Modules

➤ import
➤ import {}
➤ export
➤ export default
➓ APIs & Others

➤ DOM API
Very important to learn how React handles DOM, events.

➤ Promise API
➤ async...await
These 2 are not hard stoppers though.

➤ Fetch API
Not a hard stopper. Learn for making API calls.
🏁 Final Words

⬘ Learning method varies from person to person.

⬖ Remember, React is a JavaScript Library. JS knowledge is definitely needed. How and, at what time you learn that is tricky.

⬙ To start using React, learn necessary JavaScript concepts.

Happy React journey.
Hey 👋

I am a Tech Educator and, Mentor from India 🇮🇳

I am sharing Tutorials, Tricks, Infographics, Cheat Sheets, Practice Questions, Project Ideas and Roadmaps on Web Development, DSA and, Databases.

To never miss anything, Follow Me ✅

More from Swapna Kumar Panda

Swapna Kumar Panda \uea00
Swapna Kumar Panda ...
@swapnakpanda
🛣 Beginner's Roadmap for Front-End

HTML & CSS → 👩‍💻 → JavaScript → 👩‍💻
↓
👩‍💻 ← React* ← 👩‍💻 ← Tailwind*
↓
TypeScript → 👩‍💻 → Next.js* → 👩‍💻 → 🏁

⇩

What would we cover?

➊ HTML & CSS
➋ JavaScript
➌ CSS Frameworks
➍ UI Frameworks
➎ TypeScript
➏ Server-side Frameworks
➐ Practice, Practice and, Practice
➑ Other Skills
➒ Frequently Asked Questions

➊ HTML & CSS

⬘ Your Front-End journey shall always start from HTML & CSS and, ends with these as well.

⬗ Don't over burden yourself to learn everything at once. It's a continuous subject.

⬙ Do not separate HTML from CSS. That's


➋ JavaScript

JavaScript is essential. You should start with basics and move to complex subjects.

❍ JavaScript Syntaxes
(preferably ES6 onwards)
❍ HTML DOM API
❍ Event Handling
❍ Fetch


➌ CSS Frameworks

CSS Framework is necessary if you are planning to be a professional developer.

There are so many options available.

❍ Tailwind CSS
❍ Bootstrap
❍ Chakra
❍ Bulma
❍ Foundation
❍ Skeleton
❍ Pure CSS

Start with anything. You can switch any time.
FRONTEND
Swapna Kumar Panda
Swapna Kumar Panda
@swapnakpanda
75+ SQL Interview Questions

⇩

Level: Beginner to Medium
Topics:

➊ Introduction to RDBMS
➋ Normalisation
➌ Introduction to SQL
➍ Tables and Fields
➎ Constraints
➏ DDL
➐ DML & DQL
➑ Joins

➊ Introduction to RDBMS

➀ What is a Database?
➁ What are different types of Databases?
➂ What is DBMS?
➃ What is difference between Database and DBMS?
➄ What is RDBMS?
➅ Which are popular RDBMS vendors?
➆ What is ACID property in Database?

➋ Normalisation

➀ What is Normalisation?
➁ Why is Normalisation necessary?
➂ What are the disadvantages of not performing Normalisation?
➃ What are different Normal Forms (NF)?
➄ What is Denormalisation?

➌ Introduction to SQL

➀ What is SQL?
➁ What is the use of SQL?
➂ Is SQL a programming language?
➃ What are the different parts of SQL?
Or,
➄ Group SQL commands in different parts.
➅ What is DDL?
➆ What is DML?
➇ What is DQL?
➈ What is DCL?
➉ What is TCL?
WEBDEV
Advertisement
Swapna Kumar Panda
Swapna Kumar Panda
@swapnakpanda
30+ resources to learn

❍ SQL
❍ PL/SQL
❍ NoSQL

⇩

➊.➀ freeCodeCamp

@mike_dane via @freeCodeCamp

➤ SQL Tutorial for

➊.➁ Web Dev Simplified (WDS)

@DevSimplified

➤ Learn SQL in 60

➊.➂ Programming with Mosh

@moshhamedani

➤ MySQL Tutorial for

➊.➃ Kevin Stratvert

@kevstrat

➤ SQL Tutorial for
SQL
Swapna Kumar Panda
Swapna Kumar Panda
@swapnakpanda
🌆 60+ CSS Shorthand Properties: Cheat Sheet


💎 Direct Link for High-Resolution Image

If you liked this one, give a ⭐️ to this GitHub repo to support my work.

✧ Direct

What did we cover?

Here are those.

➀ all
➁ background
➂ background-position
➃ font
➄ text-align
➅ text-decoration
➆ text-emphasis
➇ list-style
➈ offset
➉ overflow

➀➀ inset
➀➁ inset-block
➀➂ inset-inline
➀➃ margin
➀➄ margin-block
➀➅ margin-inline
➀➆ padding
➀➇ padding-block
➀➈ padding-inline
20. overscroll-behavior
➁➀ scroll-margin
➁➁ scroll-padding

➁➂ border
➁➃ border-top
➁➄ border-right
➁➅ border-bottom
➁➆ border-left
➁➇ border-block
➁➈ border-block-start
30. border-block-end
➂➀ border-inline
➂➁ border-inline-start
➂➂ border-inline-end
CATAGORY JEE
Swapna Kumar Panda
Swapna Kumar Panda
@swapnakpanda
👩‍💻 75+ SQL Practice Questions

❍ Oracle
❍ MySQL
❍ SQL Server
❍ PostgreSQL
❍ SQLite

⇩

Topics covered:

➊ Table
➋ Constraints
➀ Primary Key
➁ Unique
➂ Not Null
➃ Default
➄ Check
➅ Foreign Key
➌ Insert, Update, Delete
➍ Select

➊ Table

➀ Create a Table with a few fields by specifying their data types.

➁ Add a field to an existing table.

➂ Modify a field's data type of a table.

➃ Rename a field's name.

➄ Remove a field from a table.

➅ Rename a table's name.

➆ Drop a table.

➋ Constraints

➀ Primary Key
➁ Unique
➂ Not Null
➃ Default
➄ Check
➅ Foreign Key

➋.➀ Primary Key

➤ Create a Table with
➀ a single field as the primary key
➁ 2 or, more fields as the primary key
...

➤ Add a primary key to an existing table
➂ for a single field
➃ for 2 or, more fields
...
SQLBASICS

More from All

Liz (Welsh) Beechinor \U0001f605
Liz (Welsh) Beechinor ...
@LizTweetsTech
My dad led an organization of over 300,000 employees.

When I took on my biggest marketing & events team to date (35 employees) I asked him how the *heck* he did it. Here's what he said and what helped me every day. 🧵

Remember you're leading all the employees under you, but you're not *managing* them all. You're managing your direct reports, which should be 5-7 individuals max. Focus on them.

When you interact with the employees you don't manage directly, get to know them as people first, that'll be the most valuable information in leading them. Remembering everything you learn about them is hard, but doing so will make you a superhero.

If you're not going to empower the managers under you, why do you have them? If you see room for improvement, let the manager know and let them make the change on their teams and come to you with questions/concerns. This will save you SO much time.

If you're the smartest person in any room - you're doing it wrong. As a leader, your job is bringing together the best people to get the job done - your skillset is identifying those people, not being one of them.
ALL , WORK , A CATAGORY
Aditya Todmal
Aditya Todmal
@AdityaTodmal
Master Thread of all my threads!

Hello!! 👋

• I have curated some of the best tweets from the best traders we know of.

• Making one master thread and will keep posting all my threads under this.

• Go through this for super learning/value totally free of cost! 😃

1. 7 FREE OPTION TRADING COURSES FOR


2. THE ABSOLUTE BEST 15 SCANNERS EXPERTS ARE USING

Got these scanners from the following accounts:

1. @Pathik_Trader
2. @sanjufunda
3. @sanstocktrader
4. @SouravSenguptaI
5. @Rishikesh_ADX


3. 12 TRADING SETUPS which experts are using.

These setups I found from the following 4 accounts:

1. @Pathik_Trader
2. @sourabhsiso19
3. @ITRADE191
4.


4. Curated tweets on HOW TO SELL STRADDLES.

Everything covered in this thread.
1. Management
2. How to initiate
3. When to exit straddles
4. Examples
5. Videos on
OPTION SELLING , OPTIONSTRATEGIES , CATEGORY
Advertisement
Arif Hasan\U0001f1ee\U0001f1f3
Arif Hasan🇮🇳...
@arifhasan18
5 star RSI Strategy by @VishalMalkan

Unconventional approach of 60-40 RSI and range shift concept.

According to him,
whenever the market is bearish,
it won’t be able to cross 60,
and whenever in a bullish trend,
it won’t be able to cross 40.

Like & Retweet for Maximum Reach.

So, instead of the 70-30 Relative Strength Index,
we will use the 60-40 range for the RSI indicator for this strategy.

When the
Monthly and Weekly RSI>60,
& when the RSI takes support at 40 in the daily chart,
it may bounce back and most probably it will not go below 40.

If a bullish candle is formed at the 40 RSI level,
the prices may bounce back, and one can enter the stock.

The stoploss can be placed at the low of that bullish candlestick,
and the target can be the 60 RSI level.

When the
Monthly and Weekly RSI<40,
& when the RSI takes resistance at 60 in the daily chart,
it may bounce back and most probably it will not go above 60

If a bearish candle is formed at the 60 RSI level,
the prices may bounce back from there, & 1 can enter the stock 4 shorting

The stoploss can be placed at the high of that bearish candlestick, and the target can be the 40 RSI levels.

#banknifty

This range shift concept can be applied in any timeframe,
whether intraday, daily,weekly, etc.
ALL
Buzz Chronicles
Buzz Chronicles
@buzz_chronicles
@SaveToBookmarks Cześć! You can find it here. Original tweet by @AnJamison: "@45RapeKatieJohn @buzz\_chronicles @buzz\\\_chronicles @buzz_chronicles save as ...". Thanks! 👌

Hello! You can find it here. Original tweet by @SaveToBookmarks: "@AnJamison @45RapeKatieJohn @buzz @buzz_chronicles @pdfmakerapp @Readwiseio @thr...". Enjoy 👌
ALL
Buzz Chronicles
Buzz Chronicles
@buzz_chronicles
@SaveToBookmarks Namaste! There you go! Original tweet by @buzz_chronicles: "@SaveToBookmarks Hi! You can find it here. Original tweet by @AchuthArora: "@Abh...". Cheers! 👌

Hi! Of course! Original tweet by @SaveToBookmarks: "@buzz_chronicles @AchuthArora @Abhirajputfit @rattibha Thanks bro!

Your tweet h...". Cheers! ✌
ALL

You May Also Like

Greg Olear
Greg Olear
@gregolear
Trump is a Russian asset, a mob money launderer installed by his mob whoremasters to sow chaos and weaken the US & our allies.

EVERY SINGLE THING HE’S DONE since taking office is to achieve those purposes—that and to enrich himself personally.

[THREAD]


1/ His entire family is part of this. Melania is a fucking crook. Ivanka is a fucking crook. Junior and Gums are fucking crooks. They will all die in prison, except for Kushner, who, if he really *did* trade US intel for money, should be executed for espionage.

2/ Why do you think Trump installs uniquely corrupt & awful people to Cabinet positions? Pruitt, Zinke, Betsy, Rex/Pompeo, Wilbur "Melting Nazi Face" Ross. They are not there to serve us. They are not there to drain the swamp. They are there to BURN THE REPUBLIC DOWN.

3/ Trump steals. He takes taxpayer money—your money and mine—and lines his pockets with it. He exploits his office to make himself richer. This is all he cares about. Why are Republican citizens, you “fiscal conservatives,” not more angry about this? Riddle me THAT, #MAGA.

4/ Matt Whitaker, the human dildo and “acting AG,” was illegally installed to throw a monkey wrench in the Mueller investigation. That’s why they won’t release his financials. He’s fucking bought and sold. He’s going to prison for obstruction.
POLITICS
Jaya_Upadhyaya
Jaya_Upadhyaya
@Jayalko1
WEAPONS OF MAHADEV

Sarvaripati Shiva is one of the most fearsome manifestations of Mahadev. Assigned with destroying all of the universes at the end of time, Shiva is one of the most fearsome warriors. He is the Mrityunjaya.
Here are some weapons associated with him:


TRISHULA: the 3 pointed blades denote creation, maintenance, and destruction or the 3 Kalas – Past, Present and Future. They also represent 3 Gunas – Sattva, Rajas and Tamas).
Shiva’s trishul can only be stopped by Shiva himself.
@onlyonenetra @DetheEsha


Trishul is also said to represent Ida, Pingala, and Sushumna. These are the three basic nadis – the left, the right and the central – in the pranamaya kosha, or the energy body of the human system.
@iamkamyabuch @unever_followme


PARASHU: axe with 4 cutting edges which Shiva gave to Parashurama. In his anger, Parashurama used the parashu to get rid of the all the Earth’s tyrannical kshatriya caste twenty-one times over.
@harshasherni


CHANDRAHASA SWORD: The divine sword Chandrahasa literally means ‘the laughter of the moon’. Ravana gave this sword to Indrajit on different occasions especially to fight against Devas.
GIRISH: A special sword of Shiva with unique characteristics.
ALL
Advertisement
Jaya_Upadhyaya
Jaya_Upadhyaya
@Jayalko1
SRI BANASHANKARI AMMAN, BANGALORE
#bharatmandir

Located in Southern Bangalore, this is one of the most popular places of worship in Bangalore City.
Devoted to Devi Banashankari, this shrine is visited specially during Rahukala which is believed to be an unfavorable time.


Somanna Shetty, a great devotee of Devi, brought this murti from Badami’s Banshankari Amma Kshetram.
It is said that many years ago, three ladies visited this shrine and requested the pujari to conduct puja for them. Since it was the inauspicious rahu kaal, the pujari refused.


However, upon their insistence, he conducted the puja. When he returned with prasadam, the ladies vanished. This made the people believe that they were none other than the Devi herself. Since then, the people perform poojas here during the Rahukaal.
@GunduHuDuGa


People use lemons as a diya. Lemons are cut from the centre and their pulps are removed, for pouring oil in them.
It is strongly believed that Devi removes all the troubles from the life of her devotees during the Rahukala although it is considered inauspicious for any pooja.
ALL
foone
foone
@Foone
I got a Toshiba T1200, which has a bad screen, and a dead CMOS battery, and I thought the hard drive was broken too...


but I rebooted it and heard a KTHUNK and a really loud spin-up noise and holy shit, the hard drive works!


and it still has files on it. the newest date is January 1994.


It's a 21mb hard drive, with ~37k of bad sectors.

This fucker is never going to spin up again, so I better go find some serial cables and copy shit off now.


The backlight is fucked so I'm shining a flashlight on it.
without it, it looks like this.
TECH
Anu Satheesh \U0001f1ee\U0001f1f3
Anu Satheesh 🇮🇳...
@AnuSatheesh5
#Guruvayur_Krishna_Bhakthi  🕉
#Guruvayur
#Storytime
Beautiful Story of Guruvayurappan

Poonathanam Namboothiri was a great devotee of Guruvayurappan. One day Poonthanam was going to Guruvayur Kshetram. It was night time and eventhough Namboothiri was tired he continued to walk


Suddenly some thieves came and blocked his way. Poonthanam cried for Shri Krishna to help. Thieves snatched all valuables from him, but Namboothiri holding his Bhaghavatam book called Shri Krishna to help. That time a man came in a horse back and fought with thieves and protected


Namboothiri. Poonthanam thanked Krishna for helping him from danger and said to the man that "Shri Krishna has send you here and I don't know how to thank you".  The man smiled and told that he is Mangattachan, minister of  samoodhiris. Poonthanam once again thanked him and


gave his ring to Mangattachan as a token of thanks and continued his journey. He reached Guruvayur early morning for Nirmalya Darshan. Temple poojari came near him and told that Guruvayurappan came in his dreams and asked to hand over the ring to poonthanam.


When he opened Kshetra Nada poonthanam was surprised to see his ring on Guruvayurappan, which he gifted to Mangattachan. He understood that it was Guruvayurappan who came as Mangattachan to protect him. This is how Bhagwan treat his devotees.

Hare Krishna
🙏🕉🙏
ALL