George Moller
@_georgemoller
Followers
117,071
Following
801
Media
3,157
Statuses
13,558
Explore trending content on Musk Viewer
DeNiro
• 279715 Tweets
Begoña Gómez
• 170766 Tweets
Meyer Habib
• 161056 Tweets
Sura
• 112360 Tweets
Hollywood
• 105952 Tweets
Washed
• 64701 Tweets
Abascal
• 59783 Tweets
Diane Abbott
• 58739 Tweets
Julie
• 55723 Tweets
#خادم_الحرمين_الشريفين
• 45149 Tweets
$BOOST
• 44568 Tweets
Epstein
• 43446 Tweets
Barquisimeto
• 39517 Tweets
LOBA COM IFOOD
• 32775 Tweets
Derrota
• 30681 Tweets
Faker
• 30236 Tweets
Ahri
• 29661 Tweets
F-35
• 27314 Tweets
De Luca
• 25607 Tweets
#KohLanta
• 19738 Tweets
Fajna
• 17887 Tweets
Boulos
• 12169 Tweets
Dennis Quaid
• 11925 Tweets
Peñarol
• 11494 Tweets
MALA COSTUMBRE 6 MILLONES
• 10188 Tweets
Pinned Tweet
I've been working professionally with React for more than 8 years and I compiled all my knowledge into 100+ infographics and 70+ video animations just like this one.
Check them out ↓
12
8
87
⚛️ How to structure and organize a React application (opinionated) ↓
1/4
88
907
5K
Free websites to learn each technology:
HTML → w3schools .com/html/
CSS → web .dev/learn/css/
JavaScript → github .com/jumaschion/You-Dont-Know-JS-1
React → scrimba .com/learn/learnreact
API → rapidApi .com/learn
Git → atlassian .com/git
49
1K
5K
❌ Avoid using conditionals to render views in React
✅ Instead use Enums
93
687
5K
💅 7 Web Design Principles you should know as a Frontend developer.
🧵 Thread 👇
60
991
4K
⚛️ How to structure and organize a React application ( ) ↓
56
692
4K
Another question I get asked a lot, free hosting platforms.
Here is a list of 10:
1. netlify .com
2. aws .amazon .com
3. pages .github . com
4. heroku .com
5. vercel .com
6. firebase. google .com
7. cloud .google .com
8. awardspace .com
9. surge .sh
10. render .com
95
836
4K
Best suited IDE's for programming languages:
1. JavaScript => VSCode
2. Python => PyCharm
3. C# => Visual Studio
4. Java => IntelliJ IDEA
5. Ruby => Ruby Mine
6. C & C++ => CLion
Which IDE are you using?
617
542
4K
👾 Create a dashboard layout using CSS Grid under 5 minutes:
↓
120
592
3K
💅 7 UX Laws you should know as a Frontend developer.
🧵 Thread 👇
71
876
3K
📺 I made the remote control from the Apple TV in HTML & CSS.
Can you tell which one is the real one? 🤔
584
195
3K
❌ Avoid Provider wrapping hell in React.
✅ Instead combine all your Providers using composition.
74
381
3K
Leverage the power of CSS grid to create a full dashboard layout in no time ↓
1/7
111
559
3K
❌ Avoid using conditionals to render views in React
✅ Instead use Enums ↓
49
336
3K
Just found out there is a method in JavaScript that let's you group by array of objects...quite handy!
53
321
3K
⚛️ Opinionated React project structure
Mini thread ↓
100
516
2K
🔴 Things you DON'T need to become a developer:
1. Mechanical keyboard.
2. Macbook pro.
3. Big monitor.
4. Noise-canceling headphones.
🟢 Things you DO need to become a developer:
1. Patience.
2. Willingness to learn.
87
312
2K
Hi everyone 👋, a friendly reminder that I have:
1. +80 FREE slides about UI/UX best practices,
2. +100 FREE slides on HTML & CSS best practices
Check them out in the link below 👇
65
526
2K
Top 10 websites to learn web development for FREE 👇
1. sololearn .com
2. freecodecamp .org
3. programiz .com
4. upskillcourses .com
5. geeksforgeeks .org
6. studytonight .com
7. hackerrank .com
8. codecademy .com
9. codementor .io
10. bitdegree .org
38
627
2K
Are you looking for a remote web developer job?
Look here 👇
1. remotive .io
2. remoteleads .io
3. remoteok .io
4. angel .co/jobs
5. justremote .co
6. weworkremotely .com
7. javascriptjob .xyz
8. flexjobs .com
9. solidgigs .com
10. dynamitejobs .com
24
604
2K
Top 10 websites to learn web development for FREE 👇
1. sololearn .com
2. freecodecamp .org
3. programiz .com
4. upskillcourses .com
5. geeksforgeeks .org
6. studytonight .com
7. hackerrank .com
8. codecademy .com
9. codementor .io
10. bitdegree .org
50
593
2K
❌ Avoid mixing business logic with your React components.
✅ Instead create abstraction layers that communicate with them.
38
300
2K
Are you looking for a remote web developer job?
Look here 👇
1. remotive .io
2. remoteleads .io
3. remoteok .io
4. angel .co/jobs
5. justremote .co
6. weworkremotely .com
7. javascriptjob .xyz
8. flexjobs .com
9. solidgigs .com
10. dynamitejobs .com
21
580
2K
Updated HTML learning roadmap + 48 FREE resources to learn.
64
460
2K
💡 Did you know you can mask an image using an svg in CSS?
31
344
2K
⚡️ Leverage the power of CSS grid to create a full dashboard layout in no time ↓
1/7
53
345
2K
❌ Avoid Provider wrapping hell in React.
✅ Instead combine all your Providers using composition.
44
241
2K
❌ Avoid mixing business logic with your React components.
✅ Instead create abstraction layers that communicate with them.
35
234
2K
Top programming languages and their use cases:
1. JavaScript: Web & Mobile development
2. Python: AI, machine learning, data analytics & backend development
3. Java: Android apps & web applications
4. C++: System applications, games, real-time systems
Which one are you using?
215
327
2K
🍎 I made a Mac mini with HTML & CSS.
Can you tell which one is the real one? 🤔
394
84
2K
❌ Avoid difficult-to-read conditionals to render elements in react.
✅ Instead use utility components for conditional rendering.
65
256
2K
⚛️ React Tip: Clean up your code by using absolute imports + module aliases ↓
26
233
2K
My preferred method to debug CSS 😅:
{
background: red !important;
}
How do you debug CSS?
220
126
2K
❌ Avoid Provider wrapping hell in React.
✅ Instead combine all your Providers using composition.
27
240
2K
❌ Avoid using conditionals to render views in React
✅ Instead use Enums
32
240
2K
A question I get asked a lot, free hosting platforms.
Here is a list of 10:
1. netlify .com
2. aws .amazon .com
3. pages .github . com
4. heroku .com
5. vercel .com
6. firebase. google .com
7. cloud .google .com
8. awardspace .com
9. surge .sh
10. render .com
36
407
2K
HTML learning roadmap + 48 FREE resources to learn.
🧵 A thread
31
459
2K
Are you looking for a remote web developer job?
Look here 👇
1. remotive .io
2. remoteleads .io
3. remoteok .io
4. angel .co/jobs
5. justremote .co
6. weworkremotely .com
7. javascriptjob .xyz
8. flexjobs .com
9. solidgigs .com
10. dynamitejobs .com
21
392
2K
⚛️ React tip: Use a custom hook to handle array states in your components ↓
20
190
2K
Hi everyone 👋, I just wanted to let you know that I collected more than 100 of my slides on HTML & CSS best practices and put them together on a FREE bundle.
You can grab it on Gumroad now, link below 👇
99
380
1K
🗺 CSS Developer Roadmap with +60 [FREE] resources to learn from.
🧵 Thread 👇
30
388
1K
4 Practical examples that will teach you how to use gradients in web development.
🧵Small Thread 👇
43
348
1K
❌ Avoid prop-drilling your components to extend them
✅ Instead use composition
32
204
1K
Another question I get asked a lot is Youtube channels to learn UI/UX.
Here are my top 10:
1. DesignCourse
2. FluxWithRanSegall
3. Adrian Twarog
4. Mizko
5. DesignSense
6. UX Mastery
7. Nielsen norman group
8. AJ&Smart
9. Mike Locke
10. The Futur
29
296
1K
I put together +80 slides on UI/UX on a FREE bundle for you to grab, you'll learn:
1. Web design principles
2. Form design best practices
3. Design mistakes to avoid
4. Tips for building dark mode themes
5. UX writing best practices
...and more! Grab it from the link below 👇
69
371
1K
💡JavaScript Tip: Did you know about the console.table() method?
33
256
1K
🔥 Cheat sheet to some array helper methods in JavaScript.
29
208
1K
⚛️ React Tip: Clean up your code by using absolute imports + module aliases ↓
17
172
1K
❌ Avoid unnecessary,expensive re-renders.
✅ Instead simply relocate the state ↓
28
204
1K
Top programming languages and their use cases:
1. JavaScript: Web & Mobile development
2. Python: AI, machine learning, data analytics & backend development
3. Java: Android apps & web applications
4. C++: System applications, games, real-time systems
Which one are you using?
124
238
1K
🔥 Do you know how to add dark mode support in CSS?
Small thread 👇
51
308
1K
💡React tip: Use a custom hook to handle array states in your components
27
180
1K
8 Practical Examples of ::before and ::after in CSS
🧵Thread 👇
44
342
1K
⚛️ 2022 React developer roadmap with +39 FREE resources to learn from.
56
348
1K
⚛️ React hooks in a nutshell ↓
useState: Hold/update values + re-render.
useRef: Hold values, no re-render.
useEffect: Execute side effects after render.
useReducer: useState with reducers.
useMemo: Cache values between renders.
useCallback: Retain function identities.
11
244
1K
🔥 CSS cheat sheet on box-shadow property.
🧵 Small thread 👇
32
254
1K
🔥 CSS cheat sheet on box-shadow property.
🧵 Small thread 👇
36
272
1K
⚛️ How to simplify nested If statements ↓
(opinionated 🌶️)
22
211
1K
If I had to learn Frontend development all over again, this is the path I would take:
1. HTML / CSS
2. SASS
3. JavaScript
4. JavaScript framework (React or Vue)
5. Typescript
6. Tests (jest + react/vue-testing-library).
In which stage are you?
151
186
1K
💡 How to clean nested If statements (opinionated 🌶️)
22
205
1K
⚛️ React Project Structure Tip:
I've tried lots of different patterns in the past 8+ years I've been using React, and each time I've found a new/better iteration.
Things I've optimized for:
✅ scalability
✅ maintainability
✅ tidiness (e.g. imports)
✅ clarity
20
220
1K
Hi everyone 👋, a friendly reminder that I have:
1. +80 FREE slides about UI/UX best practices,
2. +100 FREE slides on HTML & CSS best practices
Check them out in the link below 👇
33
329
1K
⚛️ React + Typescript Tip:
How to create short and easy to remember event types with Typescript ↓
11
164
1K
⚛️ Write better and safer condition with pattern matching ↓
32
178
1K
CSS Developer Roadmap with +60 [FREE] resources to learn from.
If you find it useful, please consider sharing this tweet as it might help others too 🙏
🧵Thread 👇
42
377
1K
If I had to learn Frontend development all over again, this is the path I would take:
1. HTML / CSS
2. SASS
3. JavaScript
4. JavaScript framework (React or Vue)
5. Tests (jest + react/vue-testing-library)
6. Typescript.
58
198
1K
⚛️ Made this massive complete React hooks cheatsheet ↓
1/7
18
196
1K
❌ Avoid having components with too many props.
✅ Instead use the compound components pattern in React to embrace composition.
18
163
1K
❌ 7 common HTML mistakes you should avoid!
Small thread 🧵
43
337
1K
❌ Avoid difficult-to-read conditionals in React.
✅ Instead you can use ts-pattern to express complex conditions in a single, compact expression.
38
153
1K
90% of recruiters have 5 seconds to screen your resume and decide whether you are a good fit for the position or not.
I created this FREE resume in notion with that in mind.
Reply "Notion" below, and I'll send it to you.
2K
202
1K
8 Practical Examples of ::before and ::after in CSS
🧵Thread 👇
36
314
1K
7 HTML Forms best practices that will make your forms accessible and user friendly.
🧵 Thread 👇
35
309
1K
Found an awesome website where you can put into practice your HTML & CSS skills.
You just download free Figma templates and try to replicate them in HTML & CSS, you can also download the solution!
Link below 👇
44
292
1K
❌ Avoid mixing business logic with your React components.
✅ Instead create abstraction layers that communicate with them. ↓
13
149
1K
🌟 Top 10 websites to learn web development for FREE 👇
1. sololearn .com
2. freecodecamp .org
3. programiz .com
4. upskillcourses .com
5. geeksforgeeks .org
6. studytonight .com
7. hackerrank .com
8. codecademy .com
9. codementor .io
10. bitdegree .org
27
332
1K
💡 Did you know about the <map> HTML element? It lets you create clickable areas on an image.
35
208
1K
How to properly name CSS classes using BEM (with practical examples).
🧵Thread 👇
45
254
1K
A question I get asked a lot, free hosting platforms.
Here is a list of 10:
1. netlify .com
2. aws .amazon .com
3. pages .github . com
4. heroku .com
5. vercel .com
6. firebase. google .com
7. cloud .google .com
8. awardspace .com
9. surge .sh
10. render .com
31
297
1K
💡Did you know you can split text in columns using a single line of CSS?
33
205
1K
⚛️ React + Typescript tip:
Creating dynamic prop types for components with Discriminated Unions ↓
10
152
1K