DEV Community

Cover image for 22 Miraculous Tools for React Developers in 2019

22 Miraculous Tools for React Developers in 2019

jsmanifest on August 06, 2019

Find me on medium (Edit: Read the comments to find my comment about a good modern program for programmers that I use every day to take notes with ...
Collapse
 
umutahmet profile image
Umut Ahmet •

Solid list. Thanks!

Collapse
 
jsmanifest profile image
jsmanifest •

Glad to hear it!

Collapse
 
isherwood profile image
Clint Buhs • • Edited

This really makes me want to get back into front-end work (my true passion). I've been wallowing in back-end Hades for months now. I wanna see my work in the browser!

Thanks for a great compilation.

Collapse
 
jsmanifest profile image
jsmanifest •

Your very welcome, Clint!

Collapse
 
bartmr profile image
Bartmr •

I can't thank this list enough. And I'm supposedly the tooling guy at my office. Where did you get all this? And how do you keep updated with these tools?

Collapse
 
jsmanifest profile image
jsmanifest • • Edited

Hi Bartmr, your welcome!

Some of these tools were bookmarked and has consistently been useful. Some of them were notes taken down as I browse through the web so that I can come back later to check them out for myself. But I don't just use any note taking program. I use a fast one like Boostnote (Which I contributed a couple features to because their open source community is delightful :)) that supports modern techniques like Duplicating Lines, Save to Google Drive, React/JSX Syntax Highlighting, Switch to Preview, Bring in web page title when pasting URL, etc. This is huge because it makes it fun for me to write things down. When I have fun, I'm constantly writing things down. This reminds me, I should have mentioned Boostnote in there. Teheh.

Collapse
 
ianfabs profile image
Ian Fabs •

I just checked out Boostnote, and I think it's really awesome! It feels a lot like a similar tool called Notable.

Thread Thread
 
jsmanifest profile image
jsmanifest •

Glad you checked it out! Would you choose Boostnote over Notable?

Thread Thread
 
ianfabs profile image
Ian Fabs •

Personally, I still haven't decided xD. Right now, it feels like they have different use-cases. Though, for someone looking for a note-taking packed full of features I'd say Boostnote is the way to go! I used to use Notable for taking notes in my CS classes, but now I'm gunna switch to Boostnote for a bit to see how it is :-) Thanks again for the reccomendation!

Thread Thread
 
jsmanifest profile image
jsmanifest •

No problem, and that is a great choice!

Collapse
 
kenthmordecai profile image
Kenthmordecai •

Thanks for this!!!

Collapse
 
jsmanifest profile image
jsmanifest •

Your welcome Kenthmordecai!

Collapse
 
djdrek profile image
Dr. Derek Austin [aka dj D-REK from Richmond, VA] •

I'm looking forward to the cheat sheet for reactv16.8+ and will stay tuned for that!!!

What react pirate attacked Peter Pan? Captain Hooks __^

Collapse
 
jsmanifest profile image
jsmanifest •

Glad to hear that! Enjoy!

Collapse
 
wilhelmina12341 profile image
Wilhelmina1234 •

I would like to add one more tool or website i.e. eBooks-Courses-Downloader.com where you can try eBooks like HTML To React: The Ultimate Guide, Fluent Python (2nd Edition), Jetpack Compose by Tutorials, Head First Java (3rd Edition), Head First C# (4th Edition), Ten++ Ways To Make Money As A Developer, etc.

Collapse
 
wwanglc profile image
wwang-lc •

Can I translate it into Chinese for reprint?

Collapse
 
jsmanifest profile image
jsmanifest •

Yes :)

Collapse
 
wwanglc profile image
wwang-lc •

Thanks!

Collapse
 
imranpollob profile image
Imran Pollob •

Very helpful list. I admire your effort

Collapse
 
jsmanifest profile image
jsmanifest •

Thank you, Imran Pollob!

Collapse
 
kovalevsky profile image
Max Kovalevsky •

awesome!

Collapse
 
zaunermax profile image
Maximilian Zauner •

You the real MVP! Thanks for this great list 🙌

Collapse
 
jsmanifest profile image
jsmanifest •

Your welcome!

Collapse
 
devhammed profile image
Hammed Oyedele •

Thank you! Thank you! Thank you!

Collapse
 
jsmanifest profile image
jsmanifest •

You are very welcome!

Collapse
 
niyasrahman profile image
niyasrahman •

Wow Just Amazing Thanks For sharing.

Collapse
 
jsmanifest profile image
jsmanifest •

No problem!

Collapse
 
dreis0 profile image
dreis0 •

Wonderful!

Collapse
 
hendrikpelk profile image
Henk Pelk •

Not 10 but 22, you're too generous. :D

Collapse
 
peliima_ profile image
Pedro Rodrigues •

That's awesome! Thank you a lot, man. Good job!

Collapse
 
jsmanifest profile image
jsmanifest •

Your welcome!

Collapse
 
nguyenquangtin profile image
Tony Tin Nguyen •

Thank you for your rocking list.

Collapse
 
jsmanifest profile image
jsmanifest •

No problem Tony!

Collapse
 
carloscarvallo profile image
Carlos Carvallo •
Collapse
 
jsmanifest profile image
jsmanifest •

Your welcome!

Collapse
 
jrioscloud profile image
Jaime Rios •

Thanks for sharing!

Collapse
 
jsmanifest profile image
jsmanifest •

No problem!

Collapse
 
iam_danieljohns profile image
Daniel Johns •

I find the bit about react-testing-library confusing, could you explain that a bit more?

Collapse
 
jsmanifest profile image
jsmanifest • • Edited

Hi Daniel,

The way react-testing-library works is that you query for actual DOM nodes. You query the DOM in the same way the user would see in their screen. For example some of the ways you select a DOM node is by label text, element text, the native document.querySelector api, element id, etc. A popular alternative before react-testing-library was introduced into the scene was Enzyme. But enzyme worked with instances of rendered React components. Working with instances is closer to implementation details as opposed to working with actual DOM nodes.

Collapse
 
kioviensis profile image
Max Tarsis •

well done
very helpful resources

Collapse
 
jsmanifest profile image
jsmanifest •

Your welcome!

Collapse
 
darkes profile image
Victor Darkes •

Saved! Will be checked these out 👍

Collapse
 
jsmanifest profile image
jsmanifest •

Glad to hear!

Collapse
 
buzzedison profile image
Edison Ade •

Wow! Nice work. Really detailed. Thanks for sharing.

Collapse
 
jsmanifest profile image
jsmanifest •

Your very welcome, Edison Ade!

Collapse
 
kaxi1993 profile image
Lasha Kakhidze •

Awesome, thank you

Collapse
 
jsmanifest profile image
jsmanifest •

Your welcome Lasha!

Collapse
 
pedroguilhermefariaduarte profile image
Pedro Guilherme •

Thanks 👍👍👍👍👍

Collapse
 
shaogat_alam_1e055e90254d profile image
Shaogat Alam •

Interesting topic! Everything is explained articulately and clearly. For your project, consider checking out this free npm package: select-paginated.

Collapse
 
afrndofu profile image
abₕᵢₛₕₑₖ •

This is awesome

Collapse
 
saiafonua profile image
Saia Fonua •

It would be nice to know if these tools were free or not..

Collapse
 
jsmanifest profile image
jsmanifest •

They are all free

Collapse
 
harsh_singh profile image
Harsh •

well nice list but React sight does not work anymore its not maintained.

Collapse
 
pepsamo profile image
Amoruso Giuseppe Giovanni •

Great list! Could you recommend some tools for Angular? thank you! 🙏