Shreya Profile picture
15 Oct, 9 tweets, 3 min read
๐Ÿ‘‹๐Ÿผ This is my first visual thread. Do give a feedback! :)

A visual thread to destructuring states and props in react โš›๏ธ ๐Ÿ‘‡๐Ÿผ

#webdevelopment
{ 1/7 }

What is destructuring?
{ 2/7 }

Before and after:
{ 3/7 }
{ 4/7 }

Destructuring a functional component:
{ 5/7 }
{ 6/7 }
{ 7/7 }

Destructuring a class component:
๐Ÿ‘‹๐Ÿผ You've reached the end now. Do you liked this thread?

Feedbacks are appreciated! ๐Ÿ˜Š

Let's connect @eyeshreya ;)

โ€ข โ€ข โ€ข

Missing some Tweet in this thread? You can try to force a refresh
ใ€€

Keep Current with Shreya

Shreya Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @eyeshreya

14 Oct
Are you a developer who struggles with design? ๐Ÿคฏ

๐ŸŽจ Here are some blogs to improve your designing skills:

7 Blogs to stay updated with UI/UX design โ†“ Image
UX Planet

One-stop resource for everything related to user experience

uxplanet.org
UX Collective

Curated stories on user experience (UX), visual, and product design.

uxdesign.cc
Read 9 tweets
20 Sep
One of the required prerequisites to learn React is ๐—˜๐—ฆ๐Ÿฒ.

๐‘‚๐‘›๐‘’ ๐‘ โ„Ž๐‘œ๐‘ข๐‘™๐‘‘ ๐‘˜๐‘›๐‘œ๐‘ค ๐ธ๐‘†6 ๐‘คโ„Ž๐‘’๐‘กโ„Ž๐‘’๐‘Ÿ ๐‘ฆ๐‘œ๐‘ข'๐‘Ÿ๐‘’ ๐‘™๐‘’๐‘Ž๐‘Ÿ๐‘›๐‘–๐‘›๐‘” ๐‘…๐‘’๐‘Ž๐‘๐‘ก ๐‘œ๐‘Ÿ ๐‘›๐‘œ๐‘ก.

๐Ÿงต This thread is all you need to know about ES6 before you get your hands on React:

#100DaysOfCode #javascript
โš›๏ธ You'll be able to learn React way better if you know working with ES6.

ES6 is a scripting language for JavaScript and helps developers by making the code simple as it handles out all the limitations of the main language (JS).
๐Ÿ‘‡
๐Ÿญ. ๐—ฆ๐—ฐ๐—ผ๐—ฝ๐—ฒ ๐—ผ๐—ณ ๐—ฉ๐—ฎ๐—ฟ๐—ถ๐—ฎ๐—ฏ๐—น๐—ฒ๐˜€ ๐—ถ๐—ป ๐—๐—ฆ
Before moving to the point, let us understand 3 concepts here:

1๏ธโƒฃ Global Scope - Variable is declared outside the function. This variable is accessible inside every function present in the code.
Read 36 tweets
16 Sep
70+ Awesome Free Resources To Learn JavaScript ๐Ÿ‘‡
(links in the last tweet ๐Ÿ”ป)

๐Ÿงต mega thread

#100DaysOfCode
Documentations ๐Ÿ“‘

1. MDN Web Docs
2. JavaScript Info
3. W3 Schools
4. DevDocs
5. JavaScript Garden
Web Tutorials ๐Ÿ“

6. Learn JS
7. JavaScript Tutorial

---

GitHub Repositories ๐Ÿฑ

8. 30 seconds of code
9. Airbnb JavaScript Style Guide
10. JS Questions
11. 33 JS concepts
12. JS by example
13. Modern JavaScript tutorials
Read 14 tweets
16 Sep
16 free alternatives to Font Awesome

โ†’ Icons for your web development projects ๐Ÿ‘‡

#webdevelopment
- Unicons (best so far)
- Flaticon
- IconFinder
- TheNounProject
- Material Design Iconic Font
- Octicons
- Android Icons
- NucleoApp
- Line-Awesome
- DevIcons
- LineIcons
- FeatherIcons
- StreamLineIcons
- LinearIcons
- MaterialDesignIcons
- Open Iconic

links below ๐Ÿ”ป
Read 4 tweets
15 Sep
12 Websites to take Design Inspirations for your next web development project ๐Ÿ‘‡

#webdevelopment
1. OnePageLove

onepagelove.com
2. CSS nectar

cssnectar.com
Read 13 tweets
16 Aug
14 best YouTube channels to learn web development for free ๐Ÿ‘‡

a thread ๐Ÿงต
#webdevelopment #CodeNewbie
Read 16 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!

:(