React versus Vue.js
Today I tried to make my first React app with an ambitious task; an e-commerce store, that can accept test payments via Stripe.
With my coffee brewed and sharp-intermittent-fasting focus, I dove right in.
I downloaded all the necessary files, dependencies, and packages and quickly realized it’s not going to be an easy learning curve…
Creating classes, calling them, and returning JS in React seems to be much more complicated for simple tasks than other frameworks. At first, I thought each function should return a single piece of code, but with another resource I learned, I could return multiple lines of JS using: <Fragment> tags.
I tried to be as organized as possible, keeping my Products in the assets folder, with a Product folder in Products, each having its own separate Styles.csv file.
Even including the Styles was a challenge, much different than the usual web development I was used to!
Time to “Vue” another framework option…
I took a break from React to see what Vue can bring me, I heard it's entry-friendly, and has better performance.
Plus, ShakePay, a Canadian cryptocurrency app is built with it.. (I believe I saw once in their job postings)
Making an order form, rather than a full e-commerce website.
Instead of jumping right into the deep end of framework usage, I decided to take baby steps so I do not get discouraged.
My goal is to create a simple, multi-step order form that takes in user information, the amount of product they want to buy, and then hopefully connect it with test credit card processing.
Okay, maybe that is still too much for my first Vue app.
I decided to go with a to-do app.
I love the look with bootstrap and fontawesome!
Edit: I decided to try React again!
I am now taking a course on building a full e-commerce functional app, it’s 40+ hours long and looks like it will go through all the ins and outs of React. I can’t wait to build a fully working React app, stay tuned for my progression!