C-MacD / system-design-cruisine

System Design CMPT 330 project. Colin MacDonald, Erin Alvarico, Elizabeth Bellissimo, Melissa Aguilar.

https://c-macd.github.io/system-design-cruisine/

2 stars 0 forks source link

Research #21

Open eliz-bell opened 3 years ago

eliz-bell commented 3 years ago

Research of various frameworks. Provide weakness and strengths of each web frameworks you find. Minimum of 3 web frameworks must be researched. All notes for each framework should exist in comments below. Simply edit each comment to add notes.

C-MacD commented 3 years ago

React

REACT.JS

Pros of using React.js:

Easy to Use
Very well known and popularly used with Node.js
Lots of available development tools, libraries and components
SEO friendly (boosts search engine ratings) and performance enhancement via virtual DOM

Cons of using React.js:

Poor documentation due to constant update of the framework
Continuous updates mean learning new things as they roll out and watching for potential compatibility/legacy issues
Uses JSX rather than traditional Javascript, making it possible for code to co-exist with HTML elements but also causes complex learning curve itself

C-MacD commented 3 years ago

Angular

ANGULAR

Pros of using Angular:

Google-developed with long term support, strong community + lots of documentation
Based in Typescript, a typed superset of JS that compiles into it, removing many common errors caused by loosely typed languages and verifies quality
Enables and encourages consistency (thus allowing for code to be cleanly structured)
Material collections available that make UI development quick and easy

Cons of using Angular:

Steep learning curve that requires practice to perfect
Not as smooth of performance as other options
Limited SEO options, making the webpage unfriendly for search engines

C-MacD commented 3 years ago

Vue

VUE.JS

Pros of using Vue.js:

Small featherweight in size
Two-way binding of Angular, but with benefits of React.js's virtual DOM
Encourages and makes easy code readibility and reusability
Easy to learn, with carefully composed documentation and solid community support behind it
Compatible with most text/code editors, including Sublime and Atom

Cons of using Vue.js:

Virtual DOM and two-way data binding combination causes reactivity issues sometimes
Much more limited tools and tutorials for Vue.js (many of which are in Chinese, causing a language barrier)
Not ideal for larger scale projects due to small size and overflexibility

aguilarmelissa101 commented 3 years ago

Bootstrap

Bootstrap CSS

Pros of using Bootstrap:

Helps you save time
Bootstrap Offers an Excellent Grid System
Bootstrap Encourages Consistency

Cons of using Bootstrap:

Can Require a Lot of Style Overrides
Without Style Customization Your Sites Will Look the Same
Bootstrap can be huge in size, which can slow things down.

erinalvarico commented 3 years ago

Team Platinum has researched 4 possible framework implementations. Currently, the team is working on POC of Bootstrap, React, and Angular. Vue is not being pursued. Closing the issue as all members have reviewed the pros and cons of each framework. Proceeding to vote POC to the next stage of implementation.