Helping you master web development and freelance like a pro | Freelancing tips and coding tricks | 📥 [email protected]
Joined October 2016
- Tweets15.4K
- Following91
- Followers4.2K
- Likes45.3K
Mahmood Tareq retweeted
Every frontend dev should learn and use Typescript. Period.
TypeScript is at a point where, as a developer, the pros and cons don’t really matter as much for you personally.
It's more up to teams or project leads to make those decisions.
But it’s still worth learning, even if you don’t use it in production, you’ll benefit from knowing it.
I wouldn’t say this about every tool, but learning TypeScript is great for your resume and your skills as a developer.
Mahmood Tareq retweeted
I started technical writing after a long time.
Technical writing helps with learning new concepts, sharing your knowledge with others etc.
Check out my latest one here:
infrasity.com/blog/user-guid…
Mahmood Tareq retweeted
TypeScript is at a point where, as a developer, the pros and cons don’t really matter as much for you personally.
It's more up to teams or project leads to make those decisions.
But it’s still worth learning, even if you don’t use it in production, you’ll benefit from knowing it.
I wouldn’t say this about every tool, but learning TypeScript is great for your resume and your skills as a developer.
Mahmood Tareq retweeted
💡 Master your basics: HTML, CSS, and JavaScript are the core of frontend.
Without these, you'll struggle to understand libraries like React.
Start here 🧵:
Mahmood Tareq retweeted
🚨IconSax. Dev is on ProductHunt
Hi guys!
IconSax .dev, my side project that makes access to 5000+ Iconsax SVG icons easy, is on ProductHunt today.
Check it out, guys, and share your feedback.
producthunt.com/posts/iconsa…
Mahmood Tareq retweeted
CSS flex-direction Property 🚀
The flex-direction property specifies the direction of the flexible items.
If the element is not flexible, the flex-direction property has no effect.
CSS Syntax:
flex-direction: row | row-reverse | column | column-reverse | inherit;
The flex-direction property lets you control the main axis and the order of your flex items.
flex-direction: row; Items arranged in a row from left to right (1 2 3).
flex-direction: row-reverse; Items arranged in a row from right to left (3 2 1).
flex-direction: column; Items arranged in a column from top to bottom (1 2 3).
flex-direction: column-reverse; Items arranged in a column from bottom to top (3 2 1).
Mahmood Tareq retweeted
💡 Customizing a React Component with built-in HTML <datalist> and CSS Styling.
In the example below, I extended the <datalist> component that provides auto-complete feature out of the box in a React component:
Exposed Props:
➡️data: An array of strings representing the options to display in the autocomplete dropdown.
➡️ id: A unique identifier for the <datalist> element, ensuring the <input> is correctly associated.
➡️ ...props: Additional props to pass to the <input> element (e.g., placeholder, name, onChange).
Custom Styling:
➡️ Rounded Corners: Applied to the <input> element using border-radius: 8px;.
➡️ Input Focus Styles: Changed border color and added a box-shadow when the input is focused.
Complete code - playcode.io/2140915
Mahmood Tareq retweeted
Javascript Tip 💡
You can use Optional Chaining conditionally to call functions that might not exist, avoiding errors when calling a non-existent function.
Mahmood Tareq retweeted
Something I always recommend 🙌
We all learn on the job 😅
Mahmood Tareq retweeted
PLATFORMS TO PRACTICE CODING SKILLS 🚀
1. Leetcode
leetcode.com
2. Hackerrank
hackerrank.com
3. Chakra
codechakra.com
4. Codewars
codewars.com
5. GeeksforGeeks
geeksforgeeks.org
6. Exercism
exercism.org
7. CodeSignal
codesignal.com
8. Codepen
codepen.io
Mahmood Tareq retweeted
You stop worrying about how tough or tiring programming is once you start making money from it.
