70 lines
2.9 KiB
Markdown
70 lines
2.9 KiB
Markdown
|
|
|
|
# 30 seconds of code
|
|
|
|
[](https://github.com/Chalarangelo/30-seconds-of-code/blob/master/LICENSE) [](https://www.npmjs.com/package/30-seconds-of-code) [](https://www.npmjs.com/package/30-seconds-of-code) [](https://gitter.im/30-seconds-of-code/Lobby) [](http://makeapullrequest.com) [](https://travis-ci.org/Chalarangelo/30-seconds-of-code) [](https://insight.io/github.com/Chalarangelo/30-seconds-of-code/tree/master/?source=0) [](https://github.com/Flet/semistandard) [](https://www.producthunt.com/posts/30-seconds-of-code)
|
|
|
|
|
|
> Curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.
|
|
|
|
|
|
- Use <kbd>Ctrl</kbd> + <kbd>F</kbd> or <kbd>command</kbd> + <kbd>F</kbd> to search for a snippet.
|
|
- Contributions welcome, please read the [contribution guide](CONTRIBUTING.md).
|
|
- Snippets are written in ES6, use the [Babel transpiler](https://babeljs.io/) to ensure backwards-compatibility.
|
|
- You can import these snippets into your text editor of choice (VSCode, Atom, Sublime) using the files found in [this repo](https://github.com/Rob-Rychs/30-seconds-of-code-texteditorsnippets).
|
|
- You can import these snippets into Alfred 3, using [this file](https://github.com/lslvxy/30-seconds-of-code-alfredsnippets).
|
|
|
|
#### Package
|
|
|
|
⚠️ **WARNING:** Snippets are not production ready.
|
|
|
|
You can find a package with all the snippets on [npm](https://www.npmjs.com/package/30-seconds-of-code).
|
|
|
|
```
|
|
npm install 30-seconds-of-code
|
|
```
|
|
|
|
CDN links
|
|
- [ES2017 Full (UMD)](https://unpkg.com/30-seconds-of-code)
|
|
- [ES5 Minified (UMD)](https://unpkg.com/30-seconds-of-code/dist/_30s.es5.min.js)
|
|
|
|
<details>
|
|
|
|
**Browser**
|
|
|
|
> IMPORTANT: replace the `src` with the full version link and desired target spec (such as ES5 minified)):
|
|
|
|
```html
|
|
<script src="https://unpkg.com/30-seconds-of-code"></script>
|
|
<script>
|
|
_30s.average(1, 2, 3);
|
|
</script>
|
|
```
|
|
|
|
**Node**
|
|
|
|
```js
|
|
// CommonJS
|
|
const _30s = require('30-seconds-of-code');
|
|
_30s.average(1, 2, 3);
|
|
|
|
// ES Modules
|
|
import _30s from '30-seconds-of-code';
|
|
_30s.average(1, 2, 3);
|
|
```
|
|
|
|
To import snippets directly:
|
|
|
|
```js
|
|
// CommonJS
|
|
const { average } = require('30-seconds-of-code');
|
|
average(1, 2, 3);
|
|
|
|
// ES Modules
|
|
import { average } from '30-seconds-of-code';
|
|
average(1, 2, 3);
|
|
```
|
|
</details>
|
|
|
|
## Table of Contents
|