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:
- Why does this exist? Why did people spend hundreds of hours of their time to build this?
- For what types of projects would you use this for?
- Gatsby
- Storybook
- i18n.js
- MathJax / KaTeX
- D3.js
- Formik
- react-hotkeys
- Next.js
- Frontity
- React Query
- Redux
team member: Shahla, rozhiar, zoriana , yousif
1- Gatsby is a combination React, GraphQL and Webpack into a single tool for building static websites and apps.
2-Storybook is a development environment tool that is used as a playground for UI components.
3-i18next is an internationalization-framework written in and for JavaScript. But it's much more than that! i18next goes beyond just providing the standard i18n features such as (plurals, context, interpolation, format). It provides you with a complete solution to localize your product from web to mobile and desktop.
4-KaTeX is a cross-browser JavaScript library that displays mathematical notation in web browsers. It puts special emphasis on being fast and easy to use.
5. D3.js is a library and framework used for creating interacting data visualizations in the web browser using SVG, HTML and CSS
6. Formik is used for building forms and surveys in React and React Native
7. React-hotkeys is useful for implementing keyboard shortcuts into React app which allows to trigger actions with key events that happen anywhere in the document
8-Next.js exists to make server-side rendering (SSR) easier for React applications regardless of where your data comes from. NextJS is good for large projects,
NextJS has great adaptability and responsiveness. Websites and web apps created with NextJS work on any device and adapt to any screen size or resolution. Therefore, users can access your website or web app with their favorite device
9-Frontity is an open-source framework based on React. It uses your WordPress site as a headless CMS and renders it in a React framework. It enables you to build a fast headless WordPress static website quickly
10- React Query gives us caching of server data out of the box with cache invalidation and request deduping. If we use this same query with the same Query Key in another component, it'll check the cache: if the data is already there, React Query will simply return it, avoiding extra network requests
11- Redux is a predictable state container designed to help you write JavaScript apps that behave consistently across client, server, and native environments, and are easy to test. While it's mostly used as a state management tool with React, you can use it with any other JavaScript framework or library.