[Question] Build front end interface in VueJS or ReactJS ?

Yee

Yee

Regular Member
Joined
Dec 31, 2018
Messages
227
Reaction score
58
I need to build an application for a client and I thought why not build something hip, crazy and cool like a progressive SPA.

I found two frameworks that fit my use case, they implementing Flux pattern and are both reactive however I have no experience with the both of them.

Right now VUE.js would be better choice because:
  • Best of both world of Angular and React
  • Respect web standard
  • Syntax is more intuitive
If you have worked with these framework before, please share your experience what you like about them and what not.
 
Advertise on BHW
It really depends on the features you want to implement.
React is component-oriented. Go for if ur app is just showing stuff with some fancy animation.
I would recommend angular 7 if you want a whole ecosystem for more complicated stuff like real time monitoring charts, wisiwyg builders etc..
Plus, typscript is lovely.
 
  • Like
Reactions: Yee
TasDePixels said:
It really depends on the features you want to implement.
React is component-oriented. Go for if ur app is just showing stuff with some fancy animation.
I would recommend angular 7 if you want a whole ecosystem for more complicated stuff like real time monitoring charts, wisiwyg builders etc..
Plus, typscript is lovely.
Click to expand...
Thanks for answer!

Yeah I think angular is a bit bloated like React they are both build by two big corporates that really need something to scale their front end.

These days with Javascript and CSS 3 you should able to build most thing native or use a pollyfill but I can be wrong about this some people
swear that angular makes your life easier for heavy animation.

Typescript is nice but in the end it spit out plain JS however if you have a background in strong type program languages I can image it could be easier to start with. For what reason do you use it ?
 
Angular = a mess.
React, it only allows to create a component and nothing more. It is not a template system (or a view) but a mix between code, jsx and some states, so it falls short at everything (including the use of REDUX and we hate redux).

Vue = it just works! It's not as popular as angular or react but works.
 
  • Like
Reactions: Yee
I never knew about redux! this stuff actually makes my cry for inside.

I left the front-end game 4 years ago, things are better the browser solves a lot problem like, layout and animation however I really don't know what framework works best for building reusable components with respect to web standards.

What do you use on the front-end ?

terrier2018 said:
Angular = a mess.
React, it only allows to create a component and nothing more. It is not a template system (or a view) but a mix between code, jsx and some states, so it falls short at everything (including the use of REDUX and we hate redux).

Vue = it just works! It's not as popular as angular or react but works.
Click to expand...
 
You can build a SPA with any of them. If you work for a client stay away from Angular. Because you'll need to spend a lot of time to understand and master Angular framework before becoming productive. Vue.js is getting more popular so it makes sense to learn it now and gather skills for your future projects. Vue.js is easier than React. From my experience, if you choose Vue you deliver your application faster.
 
  • Like
Reactions: Yee
If you are programming for SEO, then you must do a front end server-side rendering. Google can understand client-side rendering but only in the second wave so Google doesn't understand a client-side rendering in the first wave of the crawl and sometimes the second wave never happens.
 
  • Like
Reactions: Yee
This is a reason why I want to build the front-end as a progressive app because I see a lot of benefits in SSR,black and white-hat.

Do you test the behavior of the bots or you just hapen to know this ?
terrier2018 said:
If you are programming for SEO, then you must do a front end server-side rendering. Google can understand client-side rendering but only in the second wave so Google doesn't understand a client-side rendering in the first wave of the crawl and sometimes the second wave never happens.
Click to expand...
 
Fuck SPA Frameworks...
Code: 
https://love2dev.com/blog/javascript-seo/
I love to use frameworks for the right purpose... but they hate me in the end if used wrong... Flask vs Django anyone?
 
Last edited:
  • Like
Reactions: Yee
I like them both but I prefer Django.It's strange that I need to work with Wordpress although it's not bad I'm ten faster with Django
timothywcrane said:
Fuck Frameworks...
Code: 
https://love2dev.com/blog/javascript-seo/
I love to use them... but they hate me in the end... Flask vs Django anyone?
Click to expand...
 
Well I see a business opportunity it's fairly easy to solve these problem(s) in the end a browser just needs plain HTML
 
I had to edit above as frameworks do have their uses. If you are producing this for a client, other things you may consider is later doc needs and dev philosophy. Vue.js has great docs and does not argue so much about css usage... it has the smallest share of the market, but it is the newest kid on the block and does have a solid learning foundation if you are just choosing a framework.
 
  • Like
Reactions: Yee
React. Definitely. Why? It Has become kind of like a standard in modern front end js apps. It has a huge community so there are extensions/components for just about anything and there's plenty of documentation online. Other frameworks may be superior but the massive community is what makes developing for react easier and faster. You won't be on your own, basically.
 
Go for React, but let me warn you, it is tough to SEO optimize it, you'll have to give a backend either on Node or go for Next JS so that all your pages don't return a 404 since react router only changes to URL structure on the client-side and hence only the homepage will get indexed in Google if you solely use React.

That being said, React uses webpack for compiling a production build which efficiently minimizes the amount of requests a website sends, hence blazing fast loading times.

I say this because when I first got started in SEO, I used React to build my first ever money-site and wasted a lot of time figuring this stuff out instead of focusing on the actual SEO.
Yee said:
I need to build an application for a client and I thought why not build something hip, crazy and cool like a progressive SPA.

I found two frameworks that fit my use case, they implementing Flux pattern and are both reactive however I have no experience with the both of them.

Right now VUE.js would be better choice because:
  • Best of both world of Angular and React
  • Respect web standard
  • Syntax is more intuitive
If you have worked with these framework before, please share your experience what you like about them and what not.
Click to expand...
 
  • Like
Reactions: Yee
If your app success depends on SEO it's better to avoid using SPA.
 
Fair enough I double checked React and Vue and they both look the same so maybe this is a win win situation. I still prefer Vuejs over React but they look very similar as a member said component based.
rafark said:
React. Definitely. Why? It Has become kind of like a standard in modern front end js apps. It has a huge community so there are extensions/components for just about anything and there's plenty of documentation online. Other frameworks may be superior but the massive community is what makes developing for react easier and faster. You won't be on your own, basically.
Click to expand...
 
I agree you need a webserver for a JS application like React
Go for React, but let me warn you, it is tough to SEO optimize it, you'll have to give a backend either on Node or go for Next JS so that all your pages don't return a 404 since react router only changes to URL structure on the client-side and hence only the homepage will get indexed in Google if you solely use React.
Click to expand...

Vuejs also works with webpack as a loader so no real benefits between the both. Webpack is a modular package system for HTML, CSS and JS while you can use transforms for files it main task is like a task runners not really for performance but I get your point on this
That being said, React uses webpack for compiling a production build which efficiently minimizes the amount of requests a website sends, hence blazing fast loading times.
Click to expand...

Sounds like a hard cookie but in the end you leaned something new
I say this because when I first got started in SEO, I used React to build my first ever money-site and wasted a lot of time figuring this stuff out instead of focusing on the actual SEO
Click to expand...

kn1ves said:
Go for React, but let me warn you, it is tough to SEO optimize it, you'll have to give a backend either on Node or go for Next JS so that all your pages don't return a 404 since react router only changes to URL structure on the client-side and hence only the homepage will get indexed in Google if you solely use React.

That being said, React uses webpack for compiling a production build which efficiently minimizes the amount of requests a website sends, hence blazing fast loading times.

I say this because when I first got started in SEO, I used React to build my first ever money-site and wasted a lot of time figuring this stuff out instead of focusing on the actual SEO.
Click to expand...
 
Yes but the whole reason in SEO is to optimize but if you don't know what you are doing it's better to avoid it
Agilex85 said:
If your app success depends on SEO it's better to avoid using SPA.
Click to expand...
 
It's possible to apply SEO to SPA but for me, it's not worth it. SPA is not designed for this purpose. You have to spend an unreasonable amount of time to make it SEO friendly.
 
Hmm interesting what kind of design would you advice me other than not to go for SPA design ?
Agilex85 said:
It's possible to apply SEO to SPA but for me, it's not worth it. SPA is not designed for this purpose. You have to spend an unreasonable amount of time to make it SEO friendly.
Click to expand...
 
Advertise on BHW
You must log in or register to reply here.
Sign up now!

Main Menu

Home Main Forum List Black Hat SEO White Hat SEO BHW Newbie Guide Blogging Black Hat Tools Social Media Downloads

Marketplace

Account Selling Content / Copywriting EBooks / Methods Hosting Misc Proxies For Sale SEO - Link building SEO - Packages Social Media Social Media - Panels Web Design More

Making Money

Affiliate Programs Hire a Freelancer IM Journeys Making Money Pay Per Click Site Flipping Want to Buy

BlackHat World

Dispute Resolution Forum Suggestions & Feedback Introductions Lounge
Back
Top