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

[Yee]

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.

 

[TasDePixels]

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.

 

[Yee]

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.

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 ?

 

[terrier2018]

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.

 

[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 ?

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.

 

[Agilex85]

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.

 

[terrier2018]

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.

 

[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 ?

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.

 

[timothywcrane]

Fuck SPA Frameworks...

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?

 

[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

Fuck Frameworks...

https://love2dev.com/blog/javascript-seo/

I love to use them... but they hate me in the end... Flask vs Django anyone?

 

[Yee]

Well I see a business opportunity it's fairly easy to solve these problem(s) in the end a browser just needs plain HTML

 

[timothywcrane]

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.

 

[rafark]

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.

 

[kn1ves]

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.

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.

 

[Agilex85]

If your app success depends on SEO it's better to avoid using SPA.

 

[Yee]

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.

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.

 

[Yee]

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.

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.

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

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]

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

If your app success depends on SEO it's better to avoid using SPA.

 

[Agilex85]

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.

 

[Yee]

Hmm interesting what kind of design would you advice me other than not to go for SPA design ?

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.