Madhan Mohan T Profile Banner
Madhan Mohan T Profile
Madhan Mohan T

@IamMadhanMohan

680
Followers
219
Following
1,184
Media
11,813
Statuses

React JS Engineer | Daily JS & React Insights to Level Up Devs

Hyderabad
Joined April 2013
Don't wanna be here? Send us removal request.
Pinned Tweet
@IamMadhanMohan
Madhan Mohan T
9 months
Understanding React hooks can be a bit challenging initially, especially when it comes to deciding which hook to use and where to use it. Here's a detailed guide to help you get a better grasp of React hooks, with a focus on simplicity and practical examples. A megha thread 🧵
10
14
82
@IamMadhanMohan
Madhan Mohan T
3 years
This first single has raised the bar of expectations. Your body language speaks a ton about your potential in acting. I am sure the WILDNESS you displayed steals the show. The way you transform yourself to get into the skin of any character made you STYLISH STAR. @alluarjun
@alluarjun
Allu Arjun
3 years
Tweet media one
1K
10K
44K
2
148
214
@IamMadhanMohan
Madhan Mohan T
9 months
How many of you use 'Lorem Ipsum' while developing a website?
85
5
209
@IamMadhanMohan
Madhan Mohan T
10 months
What do you prefer ‘firstName’ or ‘first_name’ ?
211
6
200
@IamMadhanMohan
Madhan Mohan T
9 months
44 in a day, love to connect with more developers.
Tweet media one
34
2
117
@IamMadhanMohan
Madhan Mohan T
6 years
Suggestions are welcome #DREAM11 #CSKvSRH
Tweet media one
13
9
103
@IamMadhanMohan
Madhan Mohan T
3 years
The comeback of LIONS is always stronger than the setback!!!! #CSKvsMI
Tweet media one
1
10
90
@IamMadhanMohan
Madhan Mohan T
10 months
Thinking of learning website development? Here are the simple steps to become a developer: 1) HTML 2) CSS 3) Build Projects 4) Css Frameworks like Bootstrap / Tailwind 5) Build Projects 6) Git and Github 7) Javascript 8) Build projects At this point, you can apply for a job. By
11
2
67
@IamMadhanMohan
Madhan Mohan T
9 months
Developers let's connect and grow together!
Tweet media one
25
0
62
@IamMadhanMohan
Madhan Mohan T
11 months
Roadmap to Becoming a Front-End Developer 1. Fundamentals of Web Development - HTML: Understanding the structure of web pages. - CSS: Styling web pages for a visually appealing look. - JavaScript: Basics of scripting to make web pages interactive. 2. Version Control Systems -
0
5
46
@IamMadhanMohan
Madhan Mohan T
8 years
@LahariMusic your promotions are added spice to the album. Level of anticipations r going high. Waiting for the another track
0
20
42
@IamMadhanMohan
Madhan Mohan T
9 months
How many of you do this?
Tweet media one
11
1
39
@IamMadhanMohan
Madhan Mohan T
10 months
@itsHesamSheikh Programmer primary focus will be writing code where as developer role isn’t restricted to just writing code but also involves in planning, designing and overall strategy of the project.
2
2
39
@IamMadhanMohan
Madhan Mohan T
3 years
Does Jason Roy gonna open the Innings with Jonny Bairstow?? I believe, SRH needs @davidwarner31 as a batsmen. @SunRisers
@SunRisers
SunRisers Hyderabad
3 years
🚨 Announcement 🚨
Tweet media one
4K
6K
45K
1
3
36
@IamMadhanMohan
Madhan Mohan T
9 months
All green 😊. Compiling a new post on custom hooks in React. Keep an eye out for the imminent update!
Tweet media one
7
0
31
@IamMadhanMohan
Madhan Mohan T
10 months
Is using !important in CSS a good practice or not? What are your thoughts?
23
0
32
@IamMadhanMohan
Madhan Mohan T
9 years
This shows how much this game means to us. #IndvsPak
Tweet media one
2
29
29
@IamMadhanMohan
Madhan Mohan T
11 months
@csaba_kissi Start with HTML to craft your vision, style it with CSS, energize with JavaScript, architect with React, and bring it to life with Node.js and SQL. Git cements your code odyssey.
1
3
26
@IamMadhanMohan
Madhan Mohan T
9 months
Math is fundamental to becoming a great programmer. What do you say?
14
0
23
@IamMadhanMohan
Madhan Mohan T
9 months
A comprehensive guide to Redux. If you would like to learn about Redux with practical examples, open this thread 🧵
5
8
23
@IamMadhanMohan
Madhan Mohan T
9 months
How many of you are considering launching your own product by the end of 2024?
16
0
23
@IamMadhanMohan
Madhan Mohan T
7 months
@Shefali__J Undefined! ‘this.value’ of the arrow function refers to the global object not the ‘obj’ so, as there is no ‘value’ property on the global object it logs undefined.
3
0
25
@IamMadhanMohan
Madhan Mohan T
10 months
When working with API responses, it's often necessary to filter out unwanted data, such as curly braces {}, dashes -, and special characters. Let's explore how we can achieve this with a few examples.
5
0
22
@IamMadhanMohan
Madhan Mohan T
9 months
@xsgames_ I spend more time with my debugger than with my friends.
0
1
20
@IamMadhanMohan
Madhan Mohan T
11 months
0
0
22
@IamMadhanMohan
Madhan Mohan T
3 years
Happiest birthday to Mr. @urstrulyMahesh , wishing you best of luck for #SarkaaruVaariPaata #HappyBirthdayMaheshBabu
Tweet media one
0
27
21
@IamMadhanMohan
Madhan Mohan T
9 months
Agree?
Tweet media one
10
0
18
@IamMadhanMohan
Madhan Mohan T
11 months
@MentorWebDev B) position The CSS position property is used to control the positioning of an element in relation to its containing element. It can be used to make an element's position relative to the document, fixed in place relative to the viewport, absolute in relation to its parent, or
2
1
16
@IamMadhanMohan
Madhan Mohan T
9 months
npm or yarn ?
29
0
16
@IamMadhanMohan
Madhan Mohan T
9 months
What is the difference between useEffect with an empty array [] and useEffect without an array? - When you use useEffect with an empty dependency array [], the effect runs only once, when the component renders for the first time. -In the case of useEffect without any array,
Tweet media one
3
3
15
@IamMadhanMohan
Madhan Mohan T
10 months
HTML semantic elements are designed to give meaning to the web content they enclose, making it clear and understandable both for the web browsers and the developers. These elements include tags like <article>, <section>, <nav>, <header>, and <footer>, which describe the purpose
@Shefali__J
Shefali
10 months
HTML Tip💡 Choose semantic elements over non-semantic elements for your websites. They make your code meaningful, improve structure, accessibility, and SEO.
Tweet media one
26
77
379
3
1
16
@IamMadhanMohan
Madhan Mohan T
9 months
A clean and concise way to swap values in JavaScript without the need for a temporary variable: 👇
Tweet media one
4
0
15
@IamMadhanMohan
Madhan Mohan T
9 months
React.js Tip of the Day: Leverage React's Context API for State Management: Instead of prop drilling to pass data through multiple component layers, utilize React's Context API for more efficient state management. This allows you to share values between components without
6
0
16
@IamMadhanMohan
Madhan Mohan T
9 months
A Simplified Guide to Understanding React Routing! Routing in web applications is crucial for navigating between different sections. It serves as the backbone of Single-Page Applications (SPAs), ensuring seamless user experiences.
5
2
15
@IamMadhanMohan
Madhan Mohan T
9 months
Overwhelmed!!
Tweet media one
5
0
14
@IamMadhanMohan
Madhan Mohan T
9 months
Happy Bhogi 🔥
Tweet media one
2
1
15
@IamMadhanMohan
Madhan Mohan T
9 months
As a front-end developer, you often need to send HTTP requests in various formats, depending on the requirements. Understanding these methods is a must-know for every front-end developer. Here's a thread covering those methods with examples. 🧵👇
3
4
16
@IamMadhanMohan
Madhan Mohan T
10 months
Javascript: console.log ('flase' || 'true'); guess what it logs?
2
1
13
@IamMadhanMohan
Madhan Mohan T
9 months
Which programming language do you think is dominant in 2024?
15
0
15
@IamMadhanMohan
Madhan Mohan T
9 months
what do you think is the most difficult concept in React Js?
17
1
14
@IamMadhanMohan
Madhan Mohan T
9 years
Once a iPhone user, always a iPhone user #iPhone6soffer
1
8
14
@IamMadhanMohan
Madhan Mohan T
8 months
Enhance Your JavaScript Code with Optional Chaining for Function Calls
4
3
13
@IamMadhanMohan
Madhan Mohan T
8 months
Is buying Apple shares a better choice than buying an iPhone? Just a thought to ponder.
6
0
12
@IamMadhanMohan
Madhan Mohan T
9 months
When handling API responses, a common challenge is managing a large number of records. Today, I am going to write about the implementation of infinite scroll in React.
Tweet media one
2
1
13
@IamMadhanMohan
Madhan Mohan T
10 months
Calling all developers! Let's unite, collaborate, and grow together in our journey of innovation and creativity.
1
1
13
@IamMadhanMohan
Madhan Mohan T
9 months
useEffect vs useLayoutEffect in React 👉 Timing of Execution: - useEffect is asynchronous and runs after the DOM has been updated, allowing the browser to handle layout and painting first. This non-blocking nature makes it ideal for tasks that don't require immediate interaction
2
1
11
@IamMadhanMohan
Madhan Mohan T
10 months
Add a Split Screen to your React App in 2 simple steps
Tweet media one
2
3
13
@IamMadhanMohan
Madhan Mohan T
11 months
@csaba_kissi Couldn't agree more! I'd also suggest considering 'Offering Web Maintenance Services'. It's an ongoing need for many businesses and a great way to generate recurring revenue with your skills.
2
0
13
@IamMadhanMohan
Madhan Mohan T
11 months
@stats_feed As a developer - Ctrl+S. I hit Ctrl+S every time i write a single line of code. That's how habituated i have become to it.
3
0
13
@IamMadhanMohan
Madhan Mohan T
8 months
Good morning everyone. Have a wonderful day!!
7
0
14
@IamMadhanMohan
Madhan Mohan T
9 months
It's a big day today! Our product's first client demo is in the next 20 minutes. Excited!
4
0
14
@IamMadhanMohan
Madhan Mohan T
9 months
Are you considering using Redux as a state management library in your next React App? If so, this thread is for you. I'll discuss the best way to configure Redux in a React application by using Redux Toolkit.
5
1
13
@IamMadhanMohan
Madhan Mohan T
10 months
Are you a ' ' programmer or " " programmer ?
13
0
13
@IamMadhanMohan
Madhan Mohan T
5 years
Pink engrosses Eden as Day-Night Tests arrive in the realm. #INDvBAN #PinkBall #DayNNight
Tweet media one
0
2
10
@IamMadhanMohan
Madhan Mohan T
7 months
The Javascript way of making the first letter of a word capitalized.
Tweet media one
3
0
12
@IamMadhanMohan
Madhan Mohan T
9 months
I got my blue tick back!
5
0
13
@IamMadhanMohan
Madhan Mohan T
10 months
As a developer how many domains do you own ?
15
1
13
@IamMadhanMohan
Madhan Mohan T
5 years
Megnificient effort from #Ind to reach 350. Not an ease total to chase down. Our bowlers has to do the job for Team India now. #IndvAus
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
1
12
@IamMadhanMohan
Madhan Mohan T
9 months
JavaScript Tip: Use Object.freeze() to make an object immutable. This prevents any changes to its properties, safeguarding your object's integrity in your code. Great for maintaining constant configurations or settings!
Tweet media one
6
1
13
@IamMadhanMohan
Madhan Mohan T
9 months
If you are a beginner in programming, avoid doing these - using templates - generating code blocks using ai - skipping the basics - copying and pasting the code with out understanding
1
0
11
@IamMadhanMohan
Madhan Mohan T
9 years
You were the one who taught me to visualize the picture by hearing the words . #ThankYouRadio
0
12
9
@IamMadhanMohan
Madhan Mohan T
8 years
With #NirmalaConvent young talents got a chance to prove their abilities. @iamnagarjuna , great to see you backing them.
0
11
12
@IamMadhanMohan
Madhan Mohan T
10 months
1
0
10
@IamMadhanMohan
Madhan Mohan T
10 months
I am Madhan Mohan, a React JS developer who loves to write content about JavaScript, React JS, and Next JS as well. Fellow developers, let's connect and grow together 🤝
3
0
12
@IamMadhanMohan
Madhan Mohan T
9 months
Custom Hooks in React Js - A thread 🧵 Let's start with the question: What are Custom Hooks? Custom hooks are JavaScript functions that use React's built-in hooks to encapsulate and manage stateful logic. They are named with a use prefix (e.g., useForm, useFetch) and allow for
Tweet media one
2
2
12
@IamMadhanMohan
Madhan Mohan T
8 months
Without running the code, answer the following questions: 1. What is the value of c after the code executes? 2. What is the type of c? #javascript
Tweet media one
5
0
11
@IamMadhanMohan
Madhan Mohan T
3 years
Reaching the landmark with a Six is always special. Unreal consistency from Rituraj Gaikwad, strong technique and great understanding of the game. Played a key role in the success of the Super kings this season. Say hello to the new orange cap holder!! @Ruutu1331 #CSKvsRR
Tweet media one
0
4
12
@IamMadhanMohan
Madhan Mohan T
3 years
EMERGENCY Required Remdesivr Location : #Kakinada Contact number : 8143113666 Please help @ArogyaAndhra @SonuSood @RRRMovie
1
20
10
@IamMadhanMohan
Madhan Mohan T
8 years
#JanathaGarage proves what really happens when a good story meets a great actor #JanathaGarageSuccessMeet
0
7
11
@IamMadhanMohan
Madhan Mohan T
9 months
DOM vs Virtual DOM DOM (Document Object Model): ✅Represents the UI as a tree structure of elements. ✅Changes are slow, as updating the DOM directly can be performance-intensive. ✅Every change in the UI leads to the real DOM being updated. ✅More resources are required when
0
2
10
@IamMadhanMohan
Madhan Mohan T
9 months
Props Drilling in React Js Props are arguments passed into React components, similar to parameters in a function. Props drilling involves passing these props from a parent component down to its children and potentially further down to nested components. It's commonly used when a
4
0
11
@IamMadhanMohan
Madhan Mohan T
10 months
Debugger or console log ?
9
0
11
@IamMadhanMohan
Madhan Mohan T
9 months
In React, let's say you are displaying an API response in a table. When creating a new record, to show the new one automatically in the table upon successful creation, you can call the 'get all' API when the 'create' API response is successful. Note: This approach works in all
2
1
11
@IamMadhanMohan
Madhan Mohan T
9 months
Frontend or backend ?
6
0
9
@IamMadhanMohan
Madhan Mohan T
9 months
If you want to learn React.js, here is a solid roadmap that might come in handy on your #React journey! 1) What is React 2) Setup and Installation 3) JSX 4) Componenets 5) States 6) Props 7) Hooks 8) Context API for global state management. 9) Redux: State management using
Tweet media one
3
0
10
@IamMadhanMohan
Madhan Mohan T
10 months
If you are a beginner in programming, I recommend writing out the complete syntax yourself. It aids in memorizing the syntax.
3
0
11
@IamMadhanMohan
Madhan Mohan T
7 months
😀
Tweet media one
2
3
10
@IamMadhanMohan
Madhan Mohan T
10 months
Finding a solution to a problem is an essential skill for every developer. Along with learning to code, building this mindset will help you stand out. Remember, problem-solving is a vital life skill.
3
1
11
@IamMadhanMohan
Madhan Mohan T
10 months
1
0
11
@IamMadhanMohan
Madhan Mohan T
9 months
React Tip: Efficient State Updates with Immutability When updating state, especially complex state like objects and arrays, avoid directly modifying the existing state. Instead, create a new state based on the previous one. This approach, known as immutability, helps in
3
0
11
@IamMadhanMohan
Madhan Mohan T
9 months
Front-End Developers! Let's come together to share, learn, and grow. I'm excited to connect with each of you for a journey full of insights, tips, and collaboration. Let's empower our community with creativity and cutting-edge development!
3
0
10
@IamMadhanMohan
Madhan Mohan T
10 months
What’s your go-to resource for learning a new technology ?
8
0
9
@IamMadhanMohan
Madhan Mohan T
6 years
Perfect reply by IAF for the #PulwanaAttack , It’s just a beginning. Salute to #IAF #Balakot
0
4
11
@IamMadhanMohan
Madhan Mohan T
9 months
Asynchronous operations are vital in JavaScript, especially for handling tasks like fetching data from a server. Traditionally, these were managed using callbacks and promises, which can lead to complex, nested code ("callback hell"). To write cleaner, more readable asynchronous
Tweet media one
1
1
10
@IamMadhanMohan
Madhan Mohan T
9 months
Good morning! I wish you will find the solutions to the bugs you are facing in your projects today.
3
1
9
@IamMadhanMohan
Madhan Mohan T
2 years
If you also think, #Chai is your all time favourite, then welcome to the club! #InternationalTeaDay
Tweet media one
0
1
10
@IamMadhanMohan
Madhan Mohan T
9 months
Love the number!!
Tweet media one
3
0
8
@IamMadhanMohan
Madhan Mohan T
9 months
3
0
8
@IamMadhanMohan
Madhan Mohan T
7 years
Rain delays the start of decider at Thiruvananthapuram #INDvsNZ #T20
Tweet media one
3
0
9
@IamMadhanMohan
Madhan Mohan T
10 months
JavaScript Array Methods: 😀push - Adds elements to the end of an array. Example: [1, 2].push(3) => Output: [1, 2, 3] 😃pop - Removes the last element from an array. Example: [1, 2, 3].pop() => Output: [1, 2] 😄shift - Removes the first element from an array. Example: [1, 2,
2
3
10
@IamMadhanMohan
Madhan Mohan T
9 months
JavaScript: Simplify your function's default value assignments. Call greet() without arguments, and it uses 'Madhan' as the default name. Cleaner code, fewer lines!
Tweet media one
3
0
10
@IamMadhanMohan
Madhan Mohan T
9 months
In React, if you want to reset a component's state to its initial state, here is how you can do it in three simple steps. 1⃣Store Initial State: Define your initial state in a separate variable or object outside the component. This allows you to reference the initial state later
Tweet media one
2
0
9
@IamMadhanMohan
Madhan Mohan T
11 months
@RitikaAgrawal08 The two array literals [] and [] are two distinct arrays in memory, even though their contents are the same. Therefore, [] === [] returns false. Similarly, the two object literals {} and {} are two distinct objects in memory. Hence, {} === {} returns false.
3
1
10
@IamMadhanMohan
Madhan Mohan T
10 months
Regular Expressions, commonly known as Regex, are a powerful tool in any programmer's toolkit. They are used for searching, editing, and manipulating text by defining search patterns. Regex can seem daunting due to its cryptic syntax, but once mastered, it becomes an invaluable
3
1
9
@IamMadhanMohan
Madhan Mohan T
9 months
JavaScript tip 💡 Use `const` and `let` instead of `var` for declaring variables, which are block-scoped rather than function-scoped like `var`. This makes your code more predictable and less prone to errors. Use `const` for variables that won't change, and `let` for
4
0
9
@IamMadhanMohan
Madhan Mohan T
9 months
Learning CSS? Here are the GitHub repositories that might come in handy on your CSS learning journey.
@Shefali__J
Shefali
9 months
GitHub Repositories to learn CSS🔥 Open this🧵
Tweet media one
17
31
136
1
1
9
@IamMadhanMohan
Madhan Mohan T
9 months
1
0
9
@IamMadhanMohan
Madhan Mohan T
7 months
Learned something new today. How many of you already know this?
@Shefali__J
Shefali
7 months
JavaScript Tip💡 You can get the amount of RAM memory available on the device in gigabytes using navigator.deviceMemory.
Tweet media one
45
59
418
1
2
9
@IamMadhanMohan
Madhan Mohan T
9 years
Sad 2 see dis reservation system whr dey were taking caste into da account rather economical backwards.Smthngs never changed #JatReservation
0
3
9