The Best Toast in Town. Smoking hot React notifications.
Add beautiful notifications to your React App
https://t.co/aS33IRbQwe
25 Hand-Picked ReactJS Libraries You Probably Didn't Know Existed 😍
Using these will put Web Developer on Steroids.
THREAD 🧵 ↓
The Best Toast in Town. Smoking hot React notifications.
Add beautiful notifications to your React App
https://t.co/aS33IRbQwe
SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading).
https://t.co/pkj87VbESx
A new way to upload files
- Multiple Input Formats
- Image Optimization
- Responsive
- Async or Sync Uploading
https://t.co/C5k3EWX4eO
Fast and accurate React renderer for Notion. TS batteries included. ⚡ ️
https://t.co/TZ8aKhflR3
A flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete, async and creatable support.
https://t.co/iLWdteQFvI
A beautiful replacement for success messages, error messages or info messages
https://t.co/XH2LbKOHWv
Less code. More performant
Reducing the amount of code you need to write, and removing unnecessary re-renders are some of the primary goals of React Hook Form.
https://t.co/7RLCn6Vp7n
Infinitely load content using a React Component.
https://t.co/5NcgCn5VMA
A spring that solves your animation problems. Level up your animation game.
https://t.co/Lxpfri5jYa
A React utility to help you build complex drag and drop interfaces while keeping your components decoupled.
https://t.co/oMzxvl3Osi
A JavaScript library built on top of Facebook's React library, which aims to bring a native desktop experience to the web, featuring many macOS Sierra and Windows 10 components.
https://t.co/eHwbrcvy3Z
Track and optimize your online business with Splitbee. Your friendly analytics & conversion platform.
https://t.co/8KLk2WklYo
React components for efficiently rendering large lists and tabular data.
https://t.co/x04dI45jtJ
Stripe Elements are rich, pre-built UI components that help you create your own pixel-perfect checkout flows across desktop and mobile.
https://t.co/s31PAxbUtZ
A simple, modular and accessible component library that gives you the building blocks you need to build your React applications.
https://t.co/QqtwzRitpB
Rich Text Editor Framework for React.
Draft.js fits seamlessly into React applications, abstracting away the details of rendering, selection, and input behavior with a familiar declarative API.
https://t.co/WU91qRHUsC
Build beautiful charts in minutes with Chartjs, Dashboards will looks sexy like never before.
https://t.co/papeYAiNu8
React carousel component. One of the best sliders out there to showcase anything.
https://t.co/TR8wHWTSLM
WAI-ARIA compliant autosuggest component built in React
https://t.co/XxylywvQ8a
An off-canvas sidebar React component with a collection of effects and styles using CSS transitions and SVG path animations.
https://t.co/el1PD955Wz
Next Generation of react-bootstrap-table. Datatable made easy like never before.
https://t.co/DfiXxxLoBp
styled components is the result of wondering how we could enhance CSS for styling React component systems.
https://t.co/FEP7nhONyw
Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML.
https://t.co/kTBWWNB3Uf
More from Harsh Makadia
8 Brilliant websites that use AI to save you countless hours of manual work ( I bet ) :
1. Photosonic AI
Create realistic or artistic images from any text description, using a state-of-the-art text-to-image AI model.
No design skills or Photoshop are required.
Generate images in seconds.
🔗 https://t.co/5GSeTfmfgw
2. Tribescaler
Your tweets go viral with Tribescaler.
It enables you to create better hooks faster, saving you hundreds of hours.
Write more effectively and quickly.
🔗 https://t.co/dUx2BNaVZc
3. ClipDrop
The ultimate ecosystem of apps, plugins & resources for all creators.
Remove objects, people, text, and defects from your pictures automatically.
Upscales your images by 2x or 4x in seconds.
🔗 https://t.co/yzTiQ5RJRn
4. Synthesia
Web-based platform for creating videos with AI avatars and voices.
Simple, intuitive, and requires no prior knowledge of video creation.
Create professional videos in over 60 languages.
🔗 https://t.co/HPaGTV4moU
1. Photosonic AI
Create realistic or artistic images from any text description, using a state-of-the-art text-to-image AI model.
No design skills or Photoshop are required.
Generate images in seconds.
🔗 https://t.co/5GSeTfmfgw
2. Tribescaler
Your tweets go viral with Tribescaler.
It enables you to create better hooks faster, saving you hundreds of hours.
Write more effectively and quickly.
🔗 https://t.co/dUx2BNaVZc
3. ClipDrop
The ultimate ecosystem of apps, plugins & resources for all creators.
Remove objects, people, text, and defects from your pictures automatically.
Upscales your images by 2x or 4x in seconds.
🔗 https://t.co/yzTiQ5RJRn
4. Synthesia
Web-based platform for creating videos with AI avatars and voices.
Simple, intuitive, and requires no prior knowledge of video creation.
Create professional videos in over 60 languages.
🔗 https://t.co/HPaGTV4moU
Google Chrome has 137,345+ extensions.
But only a few are super handy.
Here are 10 Chrome extensions that you cannot miss:
1. ScribeHow
Screen recording extension that turns any process into a guide instantly.
Perfect for: founders, creators, entrepreneurs, educators, and more.
Reduce the time you spend documenting and sharing processes by 93%
🔗 https://t.co/lPncjsnScF
2. Text Blaze
Eliminate repetitive typing and mistakes.
Easy-to-use templates with endless customizability and powerful automation.
All with full control at your fingertips.
🔗 https://t.co/WB4ChCRrk3
3. Print Friendly
Make any web page Print Friendly & PDF.
Removes Junk.
Editable Preview.
PDF with clickable links.
🔗 https://t.co/onthbnWhF6
4. GoFullPage
The best browser extension for taking a screenshot of an entire webpage.
🔗 https://t.co/wdwVLlSTFg
But only a few are super handy.
Here are 10 Chrome extensions that you cannot miss:
1. ScribeHow
Screen recording extension that turns any process into a guide instantly.
Perfect for: founders, creators, entrepreneurs, educators, and more.
Reduce the time you spend documenting and sharing processes by 93%
🔗 https://t.co/lPncjsnScF
2. Text Blaze
Eliminate repetitive typing and mistakes.
Easy-to-use templates with endless customizability and powerful automation.
All with full control at your fingertips.
🔗 https://t.co/WB4ChCRrk3
3. Print Friendly
Make any web page Print Friendly & PDF.
Removes Junk.
Editable Preview.
PDF with clickable links.
🔗 https://t.co/onthbnWhF6
4. GoFullPage
The best browser extension for taking a screenshot of an entire webpage.
🔗 https://t.co/wdwVLlSTFg
8 Google Chrome extensions that will save you hundreds of hours of your work ( all free ) :
1. ScribeHow
Extension for screen recording that immediately converts any procedure into a tutorial.
Perfect for: entrepreneurs, educators, founders, and more.
93% less effort should be spent recording and sharing procedures.
🔗 https://t.co/dk5fk7zxmz
1. ScribeHow
Extension for screen recording that immediately converts any procedure into a tutorial.
Perfect for: entrepreneurs, educators, founders, and more.
93% less effort should be spent recording and sharing procedures.
🔗 https://t.co/dk5fk7zxmz
After 7 years of Web Development experience
Mentoring 40+ beginners.
Here is a battle-tested roadmap to master frontend development:
The web development journey is a never-ending process.
There are a lot of new technologies and frameworks coming up every day.
But guess what?
For the last two years, I've been mentoring many developers within organizations to help them outperform.
This thread will contain all information on How I learned all the technologies that helped me stand out from the crowd.
I'm pouring out everything I have learned to help you reach the same milestone.
Assuming you starting from ZERO today, this is how you should go.
Here are some of the lessons you should keep in mind forever:
Don't give up - Nothing in life comes easy.
Practice, Practice, Practice - This is the ultimate hack to be unstoppable
Start small today. Go big tomorrow
1. First, learn about HTML
Read Everything from: https://t.co/JkKNCZB0xZ
Build a new project on the local machine to implement simple things you learn.
Example:
If you're learning about the Heading element,
I try to use H1, H2... H6 and see what things look like.
Mentoring 40+ beginners.
Here is a battle-tested roadmap to master frontend development:
The web development journey is a never-ending process.
There are a lot of new technologies and frameworks coming up every day.
But guess what?
For the last two years, I've been mentoring many developers within organizations to help them outperform.
This thread will contain all information on How I learned all the technologies that helped me stand out from the crowd.
I'm pouring out everything I have learned to help you reach the same milestone.
Assuming you starting from ZERO today, this is how you should go.
Here are some of the lessons you should keep in mind forever:
Don't give up - Nothing in life comes easy.
Practice, Practice, Practice - This is the ultimate hack to be unstoppable
Start small today. Go big tomorrow
1. First, learn about HTML
Read Everything from: https://t.co/JkKNCZB0xZ
Build a new project on the local machine to implement simple things you learn.
Example:
If you're learning about the Heading element,
I try to use H1, H2... H6 and see what things look like.
