Share this page!

Pratham 👨‍💻🚀 Profile picture
Twitter logo
22 Feb, 12 tweets, 3 min read
Best interactive learning platforms and GitHub repos of React👇

A THREAD🧵
GitHub repos👇

1️⃣ React-developer-roadmap

⇛ Roadmap to becoming a React developer

github.com/adam-golab/rea…
2️⃣ Awesome-react

⇛ A collection of awesome things regarding React ecosystem

github.com/enaqx/awesome-…
3️⃣ 30-seconds-of-react

⇛ Short React code snippets for all your development needs

github.com/30-seconds/30-…
4️⃣ Real-world-react-apps

⇛ Real world React apps and their open source codebases for developers to learn from

github.com/jeromedalbert/…
5️⃣ React-learning

⇛ A curated list of free resources to master React Development

github.com/ericdouglas/re…
Interactive learning 👇

6️⃣ React tutorial

⇛ Learn in an interactive environment. Understand how React works not just how to build with React.

react-tutorial.app
7️⃣ React Online Test (Free)

⇛ Practice your skills and earn a certificate of achievement when you score in the top 25%

testdome.com/tests/react-js…
8️⃣ Mock Test

⇛ MCQ based questions on React.

vskills.in/practice/react…
9️⃣ React games

⇛ Play and then try to make logic in your mind. You can check source code also

reactjsexample.com/tag/games/
🔟 Learn React.js Interactively

⇛ Learn and practice React.js using hooks, interactive tutorial with dozens of react exercises

breatheco.de/interactive-ex…
That's pretty much it. If you like it share this thread😄

• • •

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

Keep Current with Pratham 👨‍💻🚀

Pratham 👨‍💻🚀 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 @Prathkum

Pratham 👨‍💻🚀 Profile picture
23 Feb
All you need to know about CSS filter methods 🎨

A thread🧵 Image
Using filter functions you can change graphical effects of an image which can change the appearance of the input image.

You can a lot of cool styling using one line of CSS. Let's see how
🢂 blur()

As the term suggests, blur function simply blur your input image. The blur that is being applied on image is known and Gaussian blur. ImageImage
Read 14 tweets
Pratham 👨‍💻🚀 Profile picture
20 Feb
A quick beginner's guide to CSS Media Queries

THREAD🧵
Media queries plays an important role in Responsive Web Design
Though this is not the only use of it. Media queries can also be used as

- Apply different styles for different media types
- Orientation (landscape or portrait mode)
- Resolution
In this thread, our point of focus will be using Media Query in order to make a web page responsive.

Sounds interesting? Let's go👇
Read 11 tweets
Pratham 👨‍💻🚀 Profile picture
19 Feb
Learn programming by playing games🎮

THREAD🧵👇
📌 Grid Garden (CSS)

🔹 A game for learning CSS grid layout in 28 different levels

🔗 cssgridgarden.com
📌 CodeCombat (Python, JS)

🔹 The most engaging way to learn Python or JavaScript by writing small code snippets

🔗 codecombat.com
Read 15 tweets
Pratham 👨‍💻🚀 Profile picture
19 Feb
Responsive Web Design is an important thing to learn.
In this I'll try to give you a quick overview and tips to make you web page responsive

So what are you waiting for? This thread is for you😄

🧵⬇️
👉 ABSTRACT

In this thread I have covered some quick tips and overview of RWD

1️⃣ Use meta viewport element
2️⃣ Don't use large fixed width
3️⃣ Try to use Layouts
4️⃣ Use box-sizing: border-box
5️⃣ Media Queries are saviour
6️⃣ Use "auto" in media
7️⃣ Use frameworks if possible
Responsive web design is not a kind of program or framework. We can say it's a combination of various concepts using which we try to make our web page look good on all devices

The great thing is that you can achieve RWD using HTML and CSS only⚡

(3 / nn)
Read 14 tweets
Pratham 👨‍💻🚀 Profile picture
19 Feb
The Z-index is a powerful yet confusing concept of CSS

Let's make it easy in this quick thread👇

🧵
z-index is a CSS property that controls stacking order of elements along Z axis.

Image a hypothetical line starting from your eye to screen, that is Z-axis
⭐ Note that z-index only works on positioned elements.

You need to specify the position (relative, absolute, sticky, fixed) if you want to arrange an element using z-index
Read 5 tweets
Pratham 👨‍💻🚀 Profile picture
17 Feb
Lately, I love writing blogs on @hashnode. Initially I wasn't sure how to start but now I get it that process is pretty easy and straight forward👇
Why I prefer Hashnode over other platforms?

1. You can blog at your personal domain (blog.pratham.codes)
2. You can customize your blog design entirely
3. Inbuilt community of thousands of developers
4. Personalized Newsletters

CONT...👇
5. Hashnode has a great UX and UI
6. You can add many pages to your customized blog

For example👇
Read 4 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!

Like this author's thread?

Get emails when @Prathkum has new unrolls!

Check out other threads from @Prathkum!

Read all threads by @Prathkum