73 lines
4.0 KiB
Markdown
73 lines
4.0 KiB
Markdown
[](https://30secondsofcode.org/)
|
|
|
|
# 30 seconds of code
|
|
|
|
[](https://github.com/30-seconds/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://snyk.io/test/github/30-seconds/30-seconds-of-code?targetFile=package.json) <br/>
|
|
[](https://travis-ci.com/30-seconds/30-seconds-of-code) [](https://www.codacy.com/app/Chalarangelo/30-seconds-of-code?utm_source=github.com&utm_medium=referral&utm_content=30-seconds/30-seconds-of-code&utm_campaign=Badge_Grade) [](https://github.com/Flet/semistandard) <br/>
|
|
[](https://awesome.re) [](https://www.producthunt.com/posts/30-seconds-of-code) [](https://gitter.im/30-seconds-of-code/Lobby) [](http://makeapullrequest.com)
|
|
|
|
> Curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.
|
|
|
|
[](https://www.digitalocean.com)
|
|
|
|
* 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 VSCode, by following the instructions found [here](https://github.com/30-seconds/30-seconds-of-code/tree/master/vscode_snippets).
|
|
* You can search, view and copy these snippets from a terminal, using the CLI application from [this repo](https://github.com/sQVe/30s).
|
|
* If you want to follow 30-seconds-of-code on social media, you can find us on [Facebook](https://www.facebook.com/30secondsofcode), [Instagram](https://www.instagram.com/30secondsofcode) and [Twitter](https://twitter.com/30secondsofcode).
|
|
|
|
#### Related projects
|
|
|
|
* [30 Seconds of CSS](https://30-seconds.github.io/30-seconds-of-css/)
|
|
* [30 Seconds of Interviews](https://30secondsofinterviews.org/)
|
|
* [30 Seconds of React](https://github.com/30-seconds/30-seconds-of-react)
|
|
* [30 Seconds of Python](https://github.com/kriadmin/30-seconds-of-python-code) _(unofficial)_
|
|
* [30 Seconds of PHP](https://github.com/appzcoder/30-seconds-of-php-code) _(unofficial)_
|
|
* [30 Seconds of Kotlin](https://github.com/IvanMwiruki/30-seconds-of-kotlin) _(unofficial)_
|
|
* [30 Seconds of Knowledge](https://chrome.google.com/webstore/detail/30-seconds-of-knowledge/mmgplondnjekobonklacmemikcnhklla) _(unofficial)_
|
|
|
|
#### Package
|
|
|
|
⚠️ **NOTICE:** A few of our snippets are not yet optimized for production (see disclaimers for individual snippet issues).
|
|
|
|
You can find a package with all the snippets on [npm](https://www.npmjs.com/package/30-seconds-of-code).
|
|
|
|
```bash
|
|
# With npm
|
|
npm install 30-seconds-of-code
|
|
|
|
# With yarn
|
|
yarn add 30-seconds-of-code
|
|
```
|
|
|
|
[CDN link](https://unpkg.com/30-seconds-of-code/)
|
|
|
|
<details>
|
|
<summary>Details</summary>
|
|
|
|
**Browser**
|
|
|
|
```html
|
|
<script src="https://unpkg.com/30-seconds-of-code@1/dist/_30s.es5.min.js"></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);
|
|
```
|
|
|
|
</details>
|
|
|
|
## Contents
|