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!

Thread Thread
 
miionu profile image
Rospars Quentin

I use Boostnote everyday and I must say that is it a great app! I love markdown syntax and I searched a long time for something similar :D
I just miss the mobile app... I will probably give free time to develop something later haha

Collapse
 
bartmr profile image
Bartmr

And me thinking that there were no note-taking apps made for developers... Thanks for the reference

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
 
kenthmordecai profile image
Kenthmordecai

Thanks for this!!!

Collapse
 
jsmanifest profile image
jsmanifest

Your welcome Kenthmordecai!

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
 
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
 
kovalevsky profile image
Max Kovalevsky

awesome!

Collapse
 
imranpollob profile image
Imran Pollob

Very helpful list. I admire your effort

Collapse
 
jsmanifest profile image
jsmanifest

Thank you, Imran Pollob!

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
 
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
 
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
 
buzzedison profile image
Edison Ade

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

Collapse
 
jsmanifest profile image
jsmanifest

Your very welcome, Edison Ade!

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
 
darkes profile image
Victor Darkes

Saved! Will be checked these out 👍

Collapse
 
jsmanifest profile image
jsmanifest

Glad to hear!

Collapse
 
kaxi1993 profile image
Lasha Kakhidze

Awesome, thank you

Collapse
 
jsmanifest profile image
jsmanifest

Your welcome Lasha!

Collapse
 
kioviensis profile image
Max Tarsis

well done
very helpful resources

Collapse
 
jsmanifest profile image
jsmanifest

Your welcome!

Collapse
 
papaponmx profile image
Jaime Rios

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
 
niyasrahman profile image
niyasrahman

Wow Just Amazing Thanks For sharing.

Collapse
 
jsmanifest profile image
jsmanifest

No problem!

Collapse
 
pedroguilhermefariaduarte profile image
Pedro Guilherme

Thanks 👍👍👍👍👍

Collapse
 
afrndofu profile image
abₕᵢₛₕₑₖ

This is awesome

Collapse
 
pepsamo profile image
Amoruso Giuseppe Giovanni

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

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.