Skip to content

Instantly share code, notes, and snippets.

@louisrli
Last active June 22, 2021 11:35
Show Gist options
  • Save louisrli/084348f1f0edad5cc950e64f874900cf to your computer and use it in GitHub Desktop.
Save louisrli/084348f1f0edad5cc950e64f874900cf to your computer and use it in GitHub Desktop.
An exercise for students to research some popular JavaScript libraries

Learning Objectives

The objective of this discussion is to expose you to some of the popular frameworks that are built on top of JavaScript or React. The goal is not for you to know how to use these, but simply understand what their intended usage is in case you want to use it at some point in time.

For each of these, I want you to answer the following questions for the class:

  1. Why does this exist? Why did people spend hundreds of hours of their time to build this?
  2. For what types of projects would you use this for?

Questions

  1. Gatsby
  2. Storybook
  3. i18n.js
  4. MathJax / KaTeX
  5. D3.js
  6. Formik
  7. react-hotkeys
  8. Next.js
  9. Frontity
@Samah-Mustafa
Copy link

i18next provides you with a complete solution to localize your product from web to mobile and deskto, it is about Internationalizing JavaScript.
It takes care of these issue:
• detect the user language
• load the translations
• optionally cache the translations
• extention, by using post-processing - e.g. to enable sprintf support

The framework was built with scalability in mind. For smaller projects, having a single file with all the translation might work, but for larger projects this approach quickly breaks down. i18next gives you the option to separate translations into multiple files and to load them on demand.

Features:
• Pluralization
• Date/Time localization
• Number localization
• Locale fallback
• Asset pipeline support

The i18next created integrations for frontend-frameworks such as React, AngularJS, Vue.js and many more, also use i18next with Node.js, PHP, iOS, Android and other platforms.

@MiraAr
Copy link

MiraAr commented Jun 13, 2020

Gatsby

  • framework based on React that helps developers build fast websites and apps (site generator)
  • builds web site as “static” files that can be deployed easily on dozens of services.
  • pulls data from any data source
  • follows the latest web standards, to be highly performant. It makes use of the latest and popular technologies including ReactJS, Webpack, GraphQL, modern ES6+ JavaScript and CSS.

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