HEY EVERYONE! ๐โโ๏ธโจ
After a month away, I'm officially BACK! ๐ Starting TOMORROW, I'm committing to being more consistent. ๐๏ธ
Iโm taking on a new challenge and will be documenting the ENTIRE journeyโthe ups, the downs, and everything in between. ๐
Stay tuned! ๐
@SelfTaughtDev1
@SelfTaughtDev1
@SelfTaughtDev1
#SelfTaughtDev #CodeComeback #DeveloperJourney #CodingChallenge #LearningInPublic #DevLog #ConsistencyIsKey #NewBeginnings
๐ฅ5๐1๐1
How to stay focused while coding
1. Eliminate distractions: Find a quiet place to work and turn off any notifications or alerts that might interrupt your concentration.
2. Set goals: Break down your coding tasks into smaller, achievable goals. This will help you stay focused and motivated.
3. Take breaks: It's important to take regular breaks to avoid burnout and maintain your focus. Try the Pomodoro technique, which involves working for 25 minutes and taking a 5-minute break.
4. Use a timer: Set a timer for a specific amount of time and work on your coding task until the timer goes off. This will help you stay focused and avoid procrastination.
5. Stay organized: Keep your workspace and code organized to avoid distractions and make it easier to focus on your coding tasks.
6. Practice mindfulness: Take a few deep breaths and focus on the present moment before starting your coding task. This can help you clear your mind and improve your focus.
๐ @SelfTaughtDev1
๐ฅ5
Day 01 ๐
Today wasnโt the most productive day, but it wasnโt too bad either! ๐
I gently focused on understanding some React.js concepts, including:
๐ Understanding the basics of React and its core concepts
๐ Learning and using JSX to render elements
๐ค Exploring the differences between a library and a framework
โ๏ธ Understanding how Reactโs Virtual DOM works
I also picked two projects to start soon: a Quote Generator and a Mood Tracker, to help solidify the basics of React step by step.
See you tomorrow! Good night, fellow coders! ๐ด๐ปโจ
โThe code you write makes you a programmer. The code you delete makes you a good one.โ โ Mario Fusco ๐ง ๐ป
@SelfTaughtDev1
@SelfTaughtDev1
#React
#100daysofcodingchallenge
#Day01
#Coding#Consistency
#Hardwork
๐ฅ4๐1
GM ๐
Is React.js a framework or a library? ๐ค
Before answering this question: what is a framework or a library? ๐ง
๐ A library is a collection of predefined functions or components that you use to perform specific tasks.
๐ฉโ๐จInstead of writing everything from scratch repeatedly, you define it once and reuse it whenever needed. โป๏ธ
๐ A framework is a predefined architecture you follow to build your entire application. It provides a structure and dictates the flow of control.
Real-Life Scenario: ๐ When building a house:
๐A library is like a set of tools or materials ๐งฑ โ๏ธ you use, such as bricks, a drill, a hammer, or wood. You choose which tools to use and how to use them.
๐A framework is like the construction team's blueprint and set of rules ๐. It dictates the overall design and process for building the house.
So, is React a library or a framework? โ๏ธ
โ React is fundamentally a JavaScript library for building user interfaces.
It is designed to be declarative and component-based, giving you freedom ๐ in how you structure the rest of your application (like state management, routing, etc.).
You can say it feels like a framework ๐งฉ when used with its full ecosystem (like Redux for state management, React Router for navigation, and a build tool like Vite). However, its core philosophy and flexibility keep it officially categorized as a library. ๐ฆ
@SelfTaughtDev1
@SelfTaughtDev1
@SelfTaughtDev1
#React
#Framework
#Library #Coding
#WebsiteDevelopment
#100daysofcodingchallenge
Is React.js a framework or a library? ๐ค
Before answering this question: what is a framework or a library? ๐ง
๐ A library is a collection of predefined functions or components that you use to perform specific tasks.
๐ฉโ๐จInstead of writing everything from scratch repeatedly, you define it once and reuse it whenever needed. โป๏ธ
๐ A framework is a predefined architecture you follow to build your entire application. It provides a structure and dictates the flow of control.
Real-Life Scenario: ๐ When building a house:
๐A library is like a set of tools or materials ๐งฑ โ๏ธ you use, such as bricks, a drill, a hammer, or wood. You choose which tools to use and how to use them.
๐A framework is like the construction team's blueprint and set of rules ๐. It dictates the overall design and process for building the house.
So, is React a library or a framework? โ๏ธ
โ React is fundamentally a JavaScript library for building user interfaces.
It is designed to be declarative and component-based, giving you freedom ๐ in how you structure the rest of your application (like state management, routing, etc.).
You can say it feels like a framework ๐งฉ when used with its full ecosystem (like Redux for state management, React Router for navigation, and a build tool like Vite). However, its core philosophy and flexibility keep it officially categorized as a library. ๐ฆ
@SelfTaughtDev1
@SelfTaughtDev1
@SelfTaughtDev1
#React
#Framework
#Library #Coding
#WebsiteDevelopment
#100daysofcodingchallenge
๐ฅ4๐3
"Two things are infinite: the universe and human stupidity ; and I'm not sure about the universe."
Albert Einstein
@SelfTaughtDev1
๐ฅ5
Forwarded from Supernovae (Nova)
When you are in second place , you need to win only once but when you are in the first place you need to win every second
๐ฅ8
Forwarded from JavaScript
Back in May 1995, a 33 year old Brendan Eich built the first prototype of JavaScript in just ten days, originally codenamed Mocha (and then LiveScript). On December 4, 1995, Netscape and Sun Microsystems officially announced 'JavaScript' in a press release as "an easy-to-use object scripting language designed for creating live online applications that link together objects and resources on both clients and servers."
Over thirty years, JavaScript has cemented its place at the heart of the Web platform, and more broadly in desktop apps, operating systems (e.g. Windows' use of React Native), mobile apps, and even on microcontrollers.
Please open Telegram to view this post
VIEW IN TELEGRAM
๐4
Forwarded from Gammadaa Goolloo ๐ช๐น
๐ The Web Revolution: Web1 โ Web2 โ Web3
The internet has come a long way, and each stage feels like its own revolution:
๐ Web1 โ The Read-Only Web (1990s):
Back then, the internet was like a giant library. You could read websites, learn stuff, but interaction was limited. Think static pages, dial-up, and โjust lookingโ online.
Key technologies/languages: HTML, CSS, basic JavaScript.
๐ฅ Web2 โ The Social Web (2000sโNow):
Then came Web2: interactive, social, and full of apps. You could post, share, shop, and stream. But hereโs the catchโbig platforms controlled our data, our content, and even our online identity. We were users, but not owners.
Key technologies/languages: JavaScript (React, Angular, Node.js), Python (Django, Flask), PHP, SQL, Java, Swift/Kotlin (mobile apps).
๐ Web3 โ The Ownership Web (Future?):
Now, Web3 is trying to give power back to you. Imagine owning your digital content, having your identity securely yours, and participating in apps where you actually earn value. No middlemen, more control, and true decentralization.
Key technologies/languages: Solidity, Rust, JavaScript/TypeScript (for dApps), Python, Go, smart contract frameworks like Hardhat and Anchor.
The exciting part? Weโre living through the transition. Web3 is still young, but it promises a more fair, open, and user-driven internet.
๐ฅ Thought: Each phase of the web built on the previous one. Will Web3 completely replace Web2? Maybe, but even if it doesnโt, it will definitely change the game forever.
The internet has come a long way, and each stage feels like its own revolution:
๐ Web1 โ The Read-Only Web (1990s):
Back then, the internet was like a giant library. You could read websites, learn stuff, but interaction was limited. Think static pages, dial-up, and โjust lookingโ online.
Key technologies/languages: HTML, CSS, basic JavaScript.
๐ฅ Web2 โ The Social Web (2000sโNow):
Then came Web2: interactive, social, and full of apps. You could post, share, shop, and stream. But hereโs the catchโbig platforms controlled our data, our content, and even our online identity. We were users, but not owners.
Key technologies/languages: JavaScript (React, Angular, Node.js), Python (Django, Flask), PHP, SQL, Java, Swift/Kotlin (mobile apps).
๐ Web3 โ The Ownership Web (Future?):
Now, Web3 is trying to give power back to you. Imagine owning your digital content, having your identity securely yours, and participating in apps where you actually earn value. No middlemen, more control, and true decentralization.
Key technologies/languages: Solidity, Rust, JavaScript/TypeScript (for dApps), Python, Go, smart contract frameworks like Hardhat and Anchor.
The exciting part? Weโre living through the transition. Web3 is still young, but it promises a more fair, open, and user-driven internet.
๐ฅ Thought: Each phase of the web built on the previous one. Will Web3 completely replace Web2? Maybe, but even if it doesnโt, it will definitely change the game forever.
๐ฅ3
Forwarded from Channel Unwrapped
Channel Summary for 2025 ๐
Views
โข 320 Total Posts
โข 558 Average Views
โข 178,839 Total Views
Top Post
โข 3,362 Views
โข https://t.me/SelfTaughtDev1/427
Activity
โข 5 PM is when you were most active
โข Thursday is your most active day
โข March is your most active month
@channel_unwrapped_bot
Views
โข 320 Total Posts
โข 558 Average Views
โข 178,839 Total Views
Top Post
โข 3,362 Views
โข https://t.me/SelfTaughtDev1/427
Activity
โข 5 PM is when you were most active
โข Thursday is your most active day
โข March is your most active month
@channel_unwrapped_bot
๐ฅ2
How many of you are still awake, digging deep into your code? ๐๐ป I want to share something with you all: "Everything good comes after a lot of sacrifices, so keep digging, fellow coders!" ๐โจ @SelfTaughtDev1
โค6๐2๐ญ1
Forwarded from Exodus_Tola๐ช๐น๐ป
Natyiu
This is a little advice for anyone starting a new channel, donโt obsess over follower numbers. Post your content for the people you have now, the same way you would if you had 100k.
The point of a channel isnโt numbers, itโs community. Iโd rather have 100 active people in my niche than 1k who donโt actually care. My channel is 3+ years old, and we hit 2k this month. Thatโs already huge. I didnโt create this to compete; I made it to share my thoughts.
So focus on your content and let your channel grow naturally. People who join willingly stay. People who join without interest leave anyway. And if your content is good, trust me, people will share it without you even asking.
The point of a channel isnโt numbers, itโs community. Iโd rather have 100 active people in my niche than 1k who donโt actually care. My channel is 3+ years old, and we hit 2k this month. Thatโs already huge. I didnโt create this to compete; I made it to share my thoughts.
So focus on your content and let your channel grow naturally. People who join willingly stay. People who join without interest leave anyway. And if your content is good, trust me, people will share it without you even asking.
Someone asked me how to start a new channel, and this is the advice I gave him today.
โค6
Hey everyone! ๐
I'm super excited to share that I've just wrapped up my latest project: a Movie Review App built with React! ๐ฌโจ
With this app, you can easily search for any movie, dive into reviews, and even save your favorites for quick access later. If you've ever wanted a handy way to get movie recommendations or keep track of the films you love, this is it!
Iโd love for you to check it out and hear your thoughts!
live demo
Github Repo
Thanks for your support! ๐ฟโค๏ธ
#MovieReviewApp #React #WebDevelopment #Movies #Favorites
@SelfTaughtDev1
@SelfTaughtDev1
@SelfTaughtDev1
I'm super excited to share that I've just wrapped up my latest project: a Movie Review App built with React! ๐ฌโจ
With this app, you can easily search for any movie, dive into reviews, and even save your favorites for quick access later. If you've ever wanted a handy way to get movie recommendations or keep track of the films you love, this is it!
Iโd love for you to check it out and hear your thoughts!
live demo
Github Repo
Thanks for your support! ๐ฟโค๏ธ
#MovieReviewApp #React #WebDevelopment #Movies #Favorites
@SelfTaughtDev1
@SelfTaughtDev1
@SelfTaughtDev1
๐ฅ12๐5โค1