Learn JavaScript™

Clean up your React component types 🧼 https://medium.com/xgeeks/clean-up-your-react-component-types-45acec85d4c3

Deep WORK by Cal Newport Deep Work And Shallow Work • Deep work means those professional tasks that push your cognitive capabilities to their limit done in concentration mode (no distractions) • Shallow work relates to the tasks that do not require much cognitive work (logistical-style tasks) performed while distracted most of the time. They don't bring much new value in the world and are easy to duplicate. The New Law of Productivity High-Quality Work Produced = (Time Spent) x (Intensity of Focus) The Principle of Least Resistance In Business Without explicit feedback on the impact of various behaviors to the bottom line, we will tend toward actions that are easiest in the moment. Busyness Is Not An Indicator Of Productivity Knowledge workers usually lack explicit indicators of what it means to be productive and valuable at work, so they turn back toward an industrial indicator of productivity: doing multiple tasks in a visible manner. The 4 Deep Work Philosophies • Monastic: isolate yourself for long periods of time without distractions; no shallow work allowed • Bimodal: reserve a few consecutive days when you will be working like a monastic (you need at least one day a week) • Rhythmic: take 3-4 hours every day to perform deep work on your project • Journalistic: alternate your day between deep and shallow work as it fits your blocks of time (not recommended to try out first). Setting Up A Deep Work Routine In order to have a deep work routine, you have to decide the following: • Where you’ll work and for how long. • How you’ll work once you start to work. • How you’ll support your work. Why Downtime Is Crucial • Downtime aids insights • It helps recharge the energy needed to work deeply • The work that evening downtime replaces is usually not that important. It's important to have a shutdown ritual, to ensure that every incomplete activity has been reviewed and that for each you have confirmed that either you have a plan you will follow for its completion, or it’s wirrten down and saved in a place where it will be revisited. Social Media Hinders Our Ability To Focus • Sending too much time on Social Media breaks up our time and reduces our ability to concentrate. • Social Media take away time you could be spending on higher-impact activities. It’s a zero-sum game. • If you want to eliminate the addictive pull of entertainment sites on your time and attention, give your brain a quality alternative. The Craftsman Approach to Tool Selection Identify the key elements that determine success and happiness in your professional and personal life. Adopt a tool only if its positive impacts on these factors substantially outweigh its negative impacts.

Accelerated Guide to Fullstack Web3 with ASS (Anchor, Solana, and Svelte) https://dev.to/0xmuse/accelerated-guide-to-fullstack-web3-with-ass-anchor-solana-and-svelte-1mg

❎ How To Get Unlimited Cloud Storage! ▪️Features: ➤Unlimited total files ➤Unlimited total files size ➤1.5GB daily bandwidth ➤2GB upload & download max ➤All basic features ▪️Instructions: ➤log in using your Telegram account, link it with TeleDrive, and you’re free to upload as many files as you want for free. ➤It uses Telegram’s own storage, so it’s private by default ➤Files will also be available in the Saved Messages section in your Telegram app. ▪️Requires Telegram Account Link: https://teledriveapp.com/ ======================================== For More Join now & Invite Your Friends➛ http://t.me/CyberPunk_anonymous ========================================

100+ Resources for Developers to Boost their productivity! 1. Online Learning Platforms

. Udemy
. FreeCodeCamp
. Treehouse
. Frontend masters
. Coursera
. Traversy media
. SoloLearn
. Codecademy
. Udacity
. Alison
. Code college
. LinkedIn Learning
. Skillshare
. EdX

2. Editors and Share Code Snippets

.PlayCode
.JSFiddle
.CodePen
.StackBlitz
.JSBin
.Codesandbox
.Codeinterview .io
.godbolt .org
.wandbox .org
.carbon.now.sh
.pastebin .com
.ideone .com
.ide.judge0 .com
3. Documentations and notes 📄
w3 schools
Mozilla's MDN
Devdocs
geeksforgeeks
tutorialspoint
javapoint

4. Competitive programming 👩‍💻

CodeChef
HackerEarth
HackerRank
AlgoExpert
LeetCode
TopCoder
Codewars
Codeforces
Coderbyte
Exercism

5. Learn by playing game 🎮

Grid garden
Flexbox defense
Codecombat
Unfold
Ruby warrior
Screeps
coding game
CodeMonkey
CSS diner
Flexbox froggy
Check IO
Cyber-dojo
Untrusted

6. Colors

Colorhunt
Paletto
Design Seeds
Coolors
Bootflat
uiGradients
BrandColors
Image color picker
Colour Lovers
WebGradients
Egg gradient
Gradient Hunt
Color-hex
FlatUIColors
CSS gradients

7. Background

Repeat-X Repeat-Y
Texture King
Pattern8
Subtle Patterns
Patternico
BG Patterns
Lost and Taken
Freepik
Cool backgrounds
BG generator

8. Icons ♠️

Icons8
Captain Icon
Iconmonstr
Linear Icons
Pixeden
Perfect Icons
Font Awesome
flaticon
Fontello
The Noun Project
Endless Icons
Round Icons
Iconfinder
Freeicons
Icon-icons
Findicons

9. Illustrations

Undraw
Freepik
IRA design
DrawKit
Absurd Illustrations
Handz
freeillustrations .xyz
Freebie Supply
ManyPixels
Vivid.js
Humaaans
Open Doodles
Icons8
Glazestock
Paper illustrations
illlustrations .co
isometric .online

10. Fonts

Google fonts
Font Bundles
Behance
Dafont
Font Squirrel
Abstract Fonts
1001 Fonts

11. Photos 📷

Unsplash
Pixabay
PicJumbo
IM Free
Pexels
Flickr
Gratisography
Stock Up
Cupcake
Adobe Stock
Icons8
Rgbstock
Pikwizard
Stocksnap
Shutterstock
Freestocks

12. Testing

Pingdom
Website Speed Test
SEO Site Checkup
Uptrends
Dotcom-Tools
GTmetrix
WebPageTest
Dareboost
SEO tools
Nibbler
BrowserStack

13. Hosting 🌐

Github pages
Netlify
Firebase
AWS
Vercel
Heroku

14. JavaScript visual libraries

Chart.js
D3.js
React-vis
Three.js
Victory
Chartkick
Google Charts
Flexmonster
ApexCharts
Echarts
Frappe Charts
ReCharts

15. CSS generators

coolbackgrounds .io
css3buttongenerator .com
neumorphism .io
glassmorphism .com
css3generator .com
Fancy-border-radius
bennettfeely .com/clippy
cssgradient .io
blobmaker .app
getwaves .io
cssgenerator .org
csssbuttongenerator .com
svgator .com
cssbuttoncreator .com
cssgenerators .net
svgbackgrounds .com
bgjar .com
cssboxshadow .com
css3generator .com
cssfiltergenerator .com
neumorphic .design

16. Code snippets

Codepen
Codesandbox
CSS-Tricks
Hakim .se
Code My UI
CreativesFeed
Bootsnipp
30 seconds of code
30 Seconds of CSS
Stackoverflow
Code to go
Tweetsnippet
GitHub
W3 Schools
EnjoyCSS
Web Code Tool

17. Interview preparation

CodeChef
HackerEarth
LeetCode
HackerRank
Interview Cake
InterviewBuddy
glassdoor
AlgoExpert
interviewing .io
Interview camp
Coderbyte
InterviewBit
GeeksForGeeks
AmbitionBox

18. Chrome extensions

Wappalyzrer
CSS Scan
Marmoset
Pesticide
Ghostery
HTML Validator
Keyframes
ColorZilla
Page Ruler
UX Check
Checkbot
LambdaTest
JSONView

# Note: All the resources are available on Internet, just search these names, and their websites will pop up. If I would have started writing everyone’s link, then it would have taken much hours than now!

coursera Free Courses! https://www.coursera.org/courses?query=free

DARREN HARDY Quotes from The Compound effect Book “Allow yourself to go and do it wrong. Don’t expect to always get it right. It will prevent you from doing anything.” “The ultimate measure of a man is not where he stands in moments of comfort and convenience, but where he stands at times of challenge.” “A daily routine built on good habits and disciplines separates the most successful among us from everyone else.” “Step by step, day by day, your choices will shape your actions until they become habits where practice makes them permanent.” “You make your choices, and then your choices make you.” “You can only control two things in life: Your attitude and your actions.” “Consistency is the key to achieving and maintaining momentum.” “You alone are responsible for what you do, don’t do, or how you respond to what’s done to you.”

The Compound effect by Darren Hardy Part-2 Acceleration Giving a little more energy or thought to your efforts won’t just improve your results, it will multiply them. • Identify times when you hit your moments of truth and commit to pushing through them when you next get there. • Find three areas in your life where you can do “extra” and make a plan to do more. • Identify three areas in your life where you can beat expectations then plan where and how to create “wow” moments. • Identify three ways you can do the unexpected. Where can you differentiate from what is common, normal, or expected? Take Responsibility The day you graduate from childhood to adulthood is the day you take responsibility of your choices. Story Of Everyone There's a story about a man riding a horse, galloping quickly. It appears that he's going somewhere very important A man standing along the roadside shouts, "Where are you going?" The rider replies, "I don't know. Ask the horse!" This is the story of most people's lives. They're riding the horse of their habits, with no idea where they're headed. It's time to take control of the reins and move your life in the direction of where you really want to go. Daily Routine A daily routine built on good habits and discipline separates the most successful among us from everyone else. A routineis exceptionally powerful. Find Your "Why" Power • The most motivating choices are ones that align with your “why” and your purpose. • You need a deep why for doing stuff. With a why that is meaningful enough, you will do almost anything. • The access point to your why-power is through your core values, which define both who you are and what you stand for. Core Values: Your Personal GPS • Your core values are your internal compass. They act as the filter through which you run all of life’s requests, requests, and temptations, making sure they’re leading you toward your intended destination. • Getting your core values defined and adjusted is one of the most important steps in redirecting your life toward your own definition of success. • Decision-making is also easier when you are certain of your core values. Setting Goals • When you define your goals, you give your brain something new to look for and focus on. • Top people have very clear goals. They know who they are and they know what they want. They write it down and they make plans for its accomplishment. Unsuccessful people carry their goals around in their head like marbles rattling around in a can. • Make a list of your most important goals. Go for whole-life success: balance in all the aspects of life that are important to you: business, finances, health and well-being, spirituality, family and relationships, and lifestyle. The Formula for Getting Lucky Preparation (personal growth) + Attitude (belief/mindset) + Opportunity (a good thing coming your way) + Action (doing something about it) = Luck Learning Vs Studying Learning leads to knowledge. Studying a topic means you are invested in it. The world already has tons of knowledge. You don't need to learn more. What you need is to study, to practice, and to take action on the knowledge you have.

The Compound effect by Darren Hardy Part-1 Compound Effect The Compound Effect “is the principle of reaping huge rewards from a series of small, smart choices,” made consistently, over a long period of time. For example, would you rather have (A) $3 million upfront or (B) one penny that doubles in value every day for 30 days? If you have taken option (B) then -  Day Money you have ($) 1 0.01 2 0.02 . . . 15 327.67 . . . 27 1,342,177.27 28 2,684,354.54 29 5,368,709.08 30 10,737,418.16 You can able to see the change after 28 days. It's the power of Compound Effect. Actionable Steps • Decide to take full responsibility for your own life – even if you can’t explain how you got here. • Write down 6 seemingly inconsequential positive steps you can start doing daily (like reading books). • Identify 6 seemingly inconsequential negative actions you can put a stop to. (less watching TV, less playing video games). • Identify any areas of life where you’ve enjoyed success in the past but may have become complacent and are no longer improving. Choices Choices can be our best freind or worst enemy. They can deliver us to our goals or send us orbiting into a galaxy far far away. Always remember that -  Luck = Preparation + Attitude + Opportunity + Action Now -  • Identify the one area of life you’re struggling most with and start journaling all the things you’re grateful for about it. • Identify and assess an area of life you want to change and that you’re not taking 100% responsibility for. • Start tracking at least one behavior in one area of your life you’d like to change and improve. Eliminating Bad Habits • Identify your triggers. • Eliminate those TRIGGERS from your Environment.  • Substitute with a REWARD that has the same effect  • Either: Ease into your new reward – (if No.3 doesn't work) some habits are easier to change by cutting them down slowly. • Or: Make a hard change – others are easier to dislodge with a quick decisive tug at the roots. Creating Good Habits • Start Strongly – start with a strong WHY • Set Yourself Up to Succeed – eliminate distractions • Think Addition, Not Subtraction – focus on what you will get not what you lose. • Make a Public Commitment  • Find a Success Buddy –a friend or a coach • Set up Some Competition – compare the results with yesterday's progress • Celebrate – training your brain is much like training a dog so don’t underestimate the power of small, simple rewards for good behavior. Creating Momentum • Create a good evening and morning routine. • List three areas of life where you’re not consistent enough. What has this cost you? Decide to be consistent from now on. • Create a habit register and write down a half-dozen key behaviors (which may be beneficial in the future). Influences We Are Affected By 3 Kinds Of Influences • Input (what you feed your mind) • Associations (the people with whom you spend time) • Environment (your surroundings). • Identify the influence of media and information on your life. Identify ways to protect it from the negative and fill it with positive information. • Evaluate your current associations. Which must you stop or limit? How will you expand your (good) associations? • Pick an accountable partner and decide when, how often, what to and how you’ll hold each other accountable. • Identify three areas of life you are most focused on improving. Find and engage a mentor in each area of those areas.