1. This website uses cookies to improve service and provide a tailored user experience. By using this site, you agree to this use. See our Cookie Policy.
    Dismiss Notice

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

Discussion in 'Programming' started by Yee, Jun 6, 2019.

  1. Yee

    Yee Junior Member

    Joined:
    Dec 31, 2018
    Messages:
    188
    Likes Received:
    46
    Occupation:
    Software developer
    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.
     
  2. TasDePixels

    TasDePixels Junior Member

    Joined:
    Mar 8, 2018
    Messages:
    197
    Likes Received:
    235
    Gender:
    Male
    Occupation:
    Software engineer
    Location:
    Morocco
    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 Thanks x 1
  3. Yee

    Yee Junior Member

    Joined:
    Dec 31, 2018
    Messages:
    188
    Likes Received:
    46
    Occupation:
    Software developer
    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 ?
     
  4. terrier2018

    terrier2018 Junior Member

    Joined:
    Jul 21, 2018
    Messages:
    114
    Likes Received:
    38
    Gender:
    Male
    Occupation:
    Entrepreneur
    Location:
    Chile
    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.
     
    • Thanks Thanks x 1
  5. Yee

    Yee Junior Member

    Joined:
    Dec 31, 2018
    Messages:
    188
    Likes Received:
    46
    Occupation:
    Software developer
    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 ?

     
  6. Agilex85

    Agilex85 Newbie

    Joined:
    Jun 5, 2019
    Messages:
    22
    Likes Received:
    6
    Gender:
    Male
    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.
     
    • Thanks Thanks x 1
  7. terrier2018

    terrier2018 Junior Member

    Joined:
    Jul 21, 2018
    Messages:
    114
    Likes Received:
    38
    Gender:
    Male
    Occupation:
    Entrepreneur
    Location:
    Chile
    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.
     
    • Thanks Thanks x 1
  8. Yee

    Yee Junior Member

    Joined:
    Dec 31, 2018
    Messages:
    188
    Likes Received:
    46
    Occupation:
    Software developer
    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 ?
     
  9. timothywcrane

    timothywcrane Power Member

    Joined:
    Apr 25, 2009
    Messages:
    700
    Likes Received:
    315
    Occupation:
    Holistic & Urban Agriculturalist
    Location:
    USA
    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?
     
    • Thanks Thanks x 1
    Last edited: Jun 21, 2019
  10. Yee

    Yee Junior Member

    Joined:
    Dec 31, 2018
    Messages:
    188
    Likes Received:
    46
    Occupation:
    Software developer
    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
     
  11. Yee

    Yee Junior Member

    Joined:
    Dec 31, 2018
    Messages:
    188
    Likes Received:
    46
    Occupation:
    Software developer
    Well I see a business opportunity it's fairly easy to solve these problem(s) in the end a browser just needs plain HTML
     
  12. timothywcrane

    timothywcrane Power Member

    Joined:
    Apr 25, 2009
    Messages:
    700
    Likes Received:
    315
    Occupation:
    Holistic & Urban Agriculturalist
    Location:
    USA
    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.
     
    • Thanks Thanks x 1
  13. rafark

    rafark Jr. VIP Jr. VIP

    Joined:
    Jan 15, 2013
    Messages:
    980
    Likes Received:
    597
    Gender:
    Male
    Occupation:
    Moderador
    Location:
    North America
    Home Page:
    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.
     
  14. kn1ves

    kn1ves Jr. VIP Jr. VIP

    Joined:
    Aug 25, 2018
    Messages:
    495
    Likes Received:
    691
    Gender:
    Male
    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.
     
    • Thanks Thanks x 1
  15. Agilex85

    Agilex85 Newbie

    Joined:
    Jun 5, 2019
    Messages:
    22
    Likes Received:
    6
    Gender:
    Male
    If your app success depends on SEO it's better to avoid using SPA.
     
  16. Yee

    Yee Junior Member

    Joined:
    Dec 31, 2018
    Messages:
    188
    Likes Received:
    46
    Occupation:
    Software developer
    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.
     
  17. Yee

    Yee Junior Member

    Joined:
    Dec 31, 2018
    Messages:
    188
    Likes Received:
    46
    Occupation:
    Software developer
    I agree you need a webserver for a JS application like 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
    Sounds like a hard cookie but in the end you leaned something new
     
  18. Yee

    Yee Junior Member

    Joined:
    Dec 31, 2018
    Messages:
    188
    Likes Received:
    46
    Occupation:
    Software developer
    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
     
  19. Agilex85

    Agilex85 Newbie

    Joined:
    Jun 5, 2019
    Messages:
    22
    Likes Received:
    6
    Gender:
    Male
    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.
     
  20. Yee

    Yee Junior Member

    Joined:
    Dec 31, 2018
    Messages:
    188
    Likes Received:
    46
    Occupation:
    Software developer
    Hmm interesting what kind of design would you advice me other than not to go for SPA design ?