DEV Community

Brayden W ⚡️
Brayden W ⚡️

Posted on

I'm a noob at ReactJS and made this 😅

Hi everyone!

A couple days ago I made a post saying that I was dropping my side-project. I wanted to open more paths for the future. One of the goals I wanted to accomplish was to learn ReactJS.

Over the past 24 hours, I've spent some time learning the fundamentals of React and made my first project using it.

It is a simple CRM (Customer Relationship Manager). In this, I displayed my knowledge of components, props, state management, and styling.

View it here: 👉 https://react-crmtool.netlify.app/

Github Repository: https://github.com/BraydenTW/simple-react-crm

Any feedback or ideas for what I should try next would be awesome.

Thanks again!


This post was orignally from me on Indiehackers. Check it out here: https://www.indiehackers.com/post/after-learning-react-for-the-past-24-hours-i-made-a-simple-crm-tool-02d26f1ef9

Latest comments (57)

Collapse
 
braydentw profile image
Brayden W ⚡️

Yeah, I didn’t really work on that.

I kind of skipped over it since it was my first project. I’ll be implementing them in my next web app I’m working on 🙃

Collapse
 
andrewbaisden profile image
Andrew Baisden

Cool nice start.

Collapse
 
imshines profile image
Mohan Kumar

That's a pretty neat UI ❤❤❤
I've been trying to make one as well once It's done I'll share here.

Try using the useRef hook and try implementing localStorage 👍

Collapse
 
braydentw profile image
Brayden W ⚡️

Cool! I'll check those out for the next time :D

Collapse
 
marhime profile image
Marhime • Edited

Well done and good looking UI !

But you should use react refs to refer dom elements

en.reactjs.org/docs/refs-and-the-d...

Collapse
 
braydentw profile image
Brayden W ⚡️

Thanks! I'll try that out :)

Collapse
 
georgeoffley profile image
George Offley

Nice work!

Collapse
 
braydentw profile image
Brayden W ⚡️

Thanks!

Collapse
 
djuric profile image
Žarko Đurić

It's beautiful!

Collapse
 
braydentw profile image
Brayden W ⚡️

Thank you so much!

Collapse
 
vberen profile image
Nicklas Wessel • Edited

Looks great :)
Is there any reason you don't use functional components instead?

My suggestion would be to focus on that -
Personally when I made the switch from class components to functional components, was such a huge difference for me. I suddenly felt productive writing components.

States and lifecycle methods suddenly became very easy to master and very fast to write.

The same component can suddenly be halv the amounts of code line.

Collapse
 
braydentw profile image
Brayden W ⚡️

Thanks!

Simply for what I’ve mainly learned has been class components. I’ll try using functional components mainly in my next project.

Thanks for the suggestion!

Collapse
 
sashank__r profile image
Sashank Rampalli

Awesome bro!!! Keep going

Collapse
 
braydentw profile image
Brayden W ⚡️

Thank you!! :D

Collapse
 
gbrantunes profile image
Gabriel Antunes

Nice UI! Testing your app i found two things:

  1. the customer panel can't handle long names
  2. I was able to add a empty customer name by adding an space

UI test

Collapse
 
braydentw profile image
Brayden W ⚡️

Responsiveness. Can't believe I forgot about that 😅

Thanks for pointing it out!

Collapse
 
louislow profile image
Louis Low • Edited

Looking good... Since you have started this, should you continue to work on the noob project into a pro full-fledged CRM? Just give yourself a few months. If you don't like it, you can always do $ rm -rfv * and see them gone.

Collapse
 
braydentw profile image
Brayden W ⚡️ • Edited

This was just a way of me practicing my skills from the past 24 hours. I'm planning to learn Redux and Styled Components.