Skip to content

Instantly share code, notes, and snippets.

@JoeVan21

JoeVan21/week-4.md

Created February 6, 2023 04:04
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save JoeVan21/d1951cf69ae43e3350c29d5adbddf11b to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save JoeVan21/d1951cf69ae43e3350c29d5adbddf11b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
week-4.md

Homework 4

Joseph Vanacore

Link to Codepen

https://codepen.io/JoeVan21/pen/VwBrgBv

What are the similarities and what are the differences in repo structure? Find 5 similarities and 1 difference between each of the 4.

  • They all run under the same programing languages (CSS, HTML, JS).
  • They all need a package to be ran in the programs.
  • The functions are all run on dependency functions.
  • The four repo's have imported test codes that can be replaced with our own codes made in codepen.
  • All the diffrent repo's are required to have scripts built within the file to make it run properly on a page.
  • They differ in many ways, examples being react uses a diffrent pathway of dependency functions, angular requires diffrent assets than the other four do, Svelte runs on a diffrent command line, and lastly VueJS has a diffrent index compared to the others.

Look at the syntax of a js/template file from each. What is vanilla and what seems to be library specific?

  • For me, it was hard to understand exactly what I should be looking for, but in my opinon I feel like things such as packages, files, installs, index's, functions, and inputs all seemed library specific where as the test codes used within the code samples seemed to be more vanilla.

Review package.json - What is common amongst them, what's different? What commands can we run? Try to run all the different commands in the repo for each project.

  • They all have a specific dependency functions, however react has a diffrent style of the dependency functions compared to the other three. I tried running diffrent commands such as color commands and basic CSS codes used in my card which functioned properly, however some of the functions dont work univeral to the other repos. For example, the packages for each of the 4 repos will be diffrent becuase they layouts are built on diffrent repos.

Rank order these for readability / ease of your understanding and give a brief justification as to why you thought 1 was the easiest and 4 was the hardest to understand (or that you didn't understand!)

  • (1) React was the easiest to learn in my opinion because the stlye and formatting of the repo reminds me of a similar one I worked with in one of my previous classes. The code also didnt give me any issues and ran perfectly fine after implementation changes.
  • (2) Svelte was also one that was not too difficult to interpret and understand. It reminded me little of React but just a tad more complex with the diffrent inputs needed for the code to run properly.
  • (3) Angular started to cause me some issues when it came to understanding the loadouts and how things were kept orginized. I also belive that the commands could have been a little more simple to read and understand.
  • (4) VueJS was the repo that gave me the biggest issues. First off I kept getting errors from just trying to run the layout for the first time. I feel like there are too many moving peices, and lastly I feel like the overall layout of the page could have been simplier.

Additional Links

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment