Git Product home page Git Product logo

url-component's Introduction

URL Component

Opdracht omschrijving

https://docs.google.com/document/d/1Jr60Py69r_Jtd3v3Qi1e40vO_qbcMROmBA04lVCDMlI/edit#heading=h.jaq50rjdeqw9

React.js

Ervaring

Zelf heb ik een half jaar geleden kort gewerkt met React.js. De reden dat ik React.js toentertijd heb gebruikt is om het view gedeelte van de Angular.js framework te vervangen met een meer efficient HTML processor.

Tijdens het ontwikkelen heb ik gemerkt dat ik al gauw andere frameworks/oplossingen nodig heb om validatie, ajax post/get etc te doen.

En omdat ik meerdere frameworks nodig had heeft het ook langer geduurd om de frameworks te leren en ze met elkaar te laten communiceren.

Wat meerdere frameworks ook zal introduceren is dat je zelf een structuur moet gaan bedenken. Dus waar je wat gaat plaatsen.

Voordelen

  • Snel en performant
  • Je schrijft semi-puur html
  • Component-based structuur
  • Componenten zijn herbruikbaar
  • Je kan het snel oppakken

Nadelen

  • Lastiger om te debuggen
  • Je ziet al gauw dat je andere frameworks/oplossingen (denk aan Backbonejs / jQuery) nodig hebt om bepaalde zaken zoals: Validation,ajax post/get requests etc te verwerken.
  • HTML gemengd met javascript. Voor een front-end developer moet je aan de javascript code zitten om css/html aanpassingen te maken.
  • Geen IDE support. JSX wordt door weinigen IDE's ondersteund, ik moet dus alerter zijn voor bugs/errors, die mijn IDE niet afvangt.

Angular.js

Ervaring

Waar ik laatst heb gewerkt als bijbaan/stage/fulltime heb ik veel met Angular.js gewerkt. Beide voor kleine websites en grote web applicaties.

Ik heb veel code van eerdere projecten kunnen hergebruiken en heb al heel wat ervaring. Doordat ik al heel wat ervaring heb ging alles veel soepeler en wist ik wat me te doen staat.

Voordelen

  • Seperation of concerns. Gescheiden HTML en javascript.
  • Opinionated software. Dit lijdt tot een structuur aanbevelen oftewel seeds. CleverStack Angular seed lijkt op de structuur die ik aanhoud.
  • IDE support. Zoals jQuery wordt ook Angularjs door vele IDE's ondersteund voor autocomplete.
  • Iemand die al eerder met een MVC structuur heeft gewerkt zal al snel begrijpen waar controllers, models en services voor dienen. En ook waar REST tussen het MVC structuur past.
  • Met wat grafische aanpassingen kan het een mobiele app worden. Zie ionic

Nadelen

  • Vergt meer tijd om het te leren kennen. Vooral als je het MVC structuur en REST niet kent.
  • Voor een klein project komt er meer code bij kijken dan bijvoorbeeld bij React.js
  • HTML bevat ook angularjs logica.(daaraan tegen wel verplaatsbaar en duidelijk wat waar voor dient)
  • In vergelijking met React.js is de HTML performance trager

url-component's People

Contributors

issy321 avatar issy123 avatar

Watchers

 avatar

Forkers

kfir-miller

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.