20211115121457-javascript.org

JavaScript

Table of content

• React
  • Packages
• Community Resources
  • Asking for help
  • Project roadmap
  • Tutorials & guides
    • <2022-05-05 Thu> I would like to learn more JS - DEV Community
    • <2022-07-26 Tue> The best way to use JavaScript in the frontend
    • The Modern JavaScript Tutorial
• Browser
  • Scrollbar width
    • Recommended snippets

React

Packages

• Avvvatars - Open Source React UI Avatar Library

Community Resources

Asking for help

-

Project roadmap

• Development roadmap - A timeline outlining what’s being worked on and when it is expected to be done.
• Upstream bugs - Tracks issues

Tutorials & guides

<2022-05-05 Thu> I would like to learn more JS - DEV Community

Hey, maybe I can help you there.

I’ve been working with Software Development and Javascript / Typescript for some time now, and last year my manager introduced me to Functional Programming (FP). I liked it very much, and it completely changed the way I wrote code.

Maybe it can be interesting to you too.

These are some resources I found:

• Composing Software: The Book. Note: This is part of the “Composing… | by Eric…
• GitHub - MostlyAdequate/mostly-adequate-guide: Mostly adequate guide to FP (i…

<2022-07-26 Tue> The best way to use JavaScript in the frontend

@oliverjumpertz <2022-07-26 Tue>

Use as little as possible.
  

Optimize like this:

• Tree-shake unused code
• Minify your code
• Generate static pages where possible
• Stay away from libraries too large
• Always concentrate on user experience (page load speed)

The Modern JavaScript Tutorial

Browser

Scrollbar width

[2022-07-25 Mon 18:01]

Angelos Chalaris · <2022-07-16 Sat>

Calculates the width of the window’s vertical scrollbar.

• Use Window.innerWidth to get the interior width of the window.
• Use Element.clientWidth to get the inner width of the Document element.
• Subtract the two values to get the width of the vertical scrollbar.

const getScrollbarWidth = () =>
      window.innerWidth - document.documentElement.clientWidth;

getScrollbarWidth();  // 15

30-seconds-of-code/getScrollbarWidth.md at master · GitHub

Recommended snippets

-

*** Get elements bigger than viewport

JavaScript, Browser

Returns an array of HTML elements whose width is larger than that of the viewport’s.

-

*** Smooth scroll element into view

JavaScript, Browser

Smoothly scrolls the element on which it’s called into the visible area of the browser window.

-

*** Vertical offset of element

JavaScript, Browser

Finds the distance from a given element to the top of the document.

About Cookies FAQ RSS GitHub Twitter

Website, name & logo © 2017-2022 30 seconds of code
Individual snippets licensed under CC-BY-4.0\ Powered by Netlify, Next.js & GitHub