web_development:js:start [VQDEV WIKI]

🔗Links🔗

The Reason why you need to learn lower level Javascript
Tips and Tricks js-hints
** Common node js or terminal commands ** js-common
** Forms ** forms-js
** Spread operator ** spread

📐jQuery basics jquery-basics📐

⭐️JSON json⭐️

⭐️Javascript basics js-basics⭐️

Pages under js basics that are important:
JS Strings
JS Objects
JS Symbols
JS Arrays
Operators Page
JS Functions
JS Methods
JS DOM
JS Getting/Setting values

** JS Constructor ** constructor
** JS Closure **

function myFunction() {
  var run = false;
  return function() {
    if (!run) {
      run = true;
      // Your code goes here
    }
  }
}

AJAX js-ajax
For vs forEach() vs for/in vs for/of in JavaScript js-loops

Creating and Triggering Events MDN
** How to attach event handlers to dynamically created elements ** js-dynamic-events

** How to use module.exports ** js-modules
** Linting / ESlint ** eslint

what is ssr in react

In web development, there are three main types of rendering for a website: server-side rendering (SSR), client-side rendering (CSR), and static site generation (SSG). Each has its own pros and cons depending on the type of website you're trying to build.

SSR
Good for pages that need fresh data or dynamic pages. SSR renders pages on the server on every request, which improves SEO and initial load time.
CSR
Good for pages that need fresh data, but where strong SEO is not a concern. CSR is useful for interactive experiences.
SSG
Good for pages whose data is mostly static or pages with infrequently updating data. SSG generates HTML at build time and serves it from a CDN, which provides the best performance.

In React, Server-Side Rendering (SSR) and Client-Side Rendering (CSR) are two different ways to render React applications.
With SSR, the HTML is rendered on the server and then sent to the browser. This means that the browser does not have to do any rendering, which can improve performance. Additionally, SSR can help with SEO, as search engines can crawl and index the rendered HTML.
With CSR, the HTML is rendered in the browser. This can be beneficial for applications that require a lot of interactivity, as the browser can render the content as the user interacts with it. Additionally, CSR can improve the initial load time of the application, as the browser does not have to wait for the HTML to be rendered on the server.

https://dev.to/pahanperera/visual-explanation-and-comparison-of-csr-ssr-ssg-and-isr-34ea

https://blog.logrocket.com/ssg-vs-ssr-in-next-js/
https://tsh.io/blog/ssr-vs-ssg-in-nextjs/
https://vercel.com/blog/nextjs-server-side-rendering-vs-static-generation
https://webdevstudios.com/2022/02/17/ssg-or-ssr-in-next-js/

⭐️Node JS node-js⭐️
⭐️** NPM/node ** node⭐️

Angular angular-js
Babel babel
Capacitor capacitor-js

** Prettier ** prettier
Backbone JS backbone-js
Underscore JS underscore-js
Lodash lodash-js
http http
Express JS express-js
⭐️NextJS next-js⭐️
⭐️TypeScript typescript⭐️