{"id":16989140,"url":"https://github.com/kosperera/vanilla-js-snippets","last_synced_at":"2025-04-12T04:09:59.142Z","repository":{"id":74241209,"uuid":"292067118","full_name":"kosperera/vanilla-js-snippets","owner":"kosperera","description":"Library of commonly used boilerplate code for all things vanilla JS","archived":false,"fork":false,"pushed_at":"2021-09-01T18:49:25.000Z","size":86,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-12T04:09:54.471Z","etag":null,"topics":["boilerplate-code","code-snippets","vanilla-javascript"],"latest_commit_sha":null,"homepage":"https://kosalanuwan.github.io/journal/","language":"Shell","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kosperera.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2020-09-01T17:44:34.000Z","updated_at":"2023-10-25T22:10:36.000Z","dependencies_parsed_at":"2024-01-05T05:26:50.772Z","dependency_job_id":null,"html_url":"https://github.com/kosperera/vanilla-js-snippets","commit_stats":null,"previous_names":["therealkosala/vanilla-js-snippets","kosperera/vanilla-js-snippets"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kosperera%2Fvanilla-js-snippets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kosperera%2Fvanilla-js-snippets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kosperera%2Fvanilla-js-snippets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kosperera%2Fvanilla-js-snippets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kosperera","download_url":"https://codeload.github.com/kosperera/vanilla-js-snippets/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248514221,"owners_count":21116903,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["boilerplate-code","code-snippets","vanilla-javascript"],"created_at":"2024-10-14T03:05:33.122Z","updated_at":"2025-04-12T04:09:59.120Z","avatar_url":"https://github.com/kosperera.png","language":"Shell","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vanilla JavaScript { snippets }\n\n[\u003cimg align=\"right\" alt=\"JavaScript\" width=\"128rem\" src=\"https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/javascript/javascript.png\"  /\u003e][all-things-js]\n\nI'm a huge nerd :nerd_face: of [vanilla javascript (JS)][all-things-js]. This repository serves as a library of helper functions and boilerplate code written with native javascript and browser APIs instead of major frameworks and libraries.\n\n[Read the journal notes to learn more.][journal-notes].\n\n[all-things-js]: https://github.com/topics/javascript?l=javascript\n[journal-notes]: https://kosalanuwan.github.io/journal/javascript/vanilla-js-snippets/\n\n### On this repo\n- `boilerplate-*` are code templates to get started with various patterns and practices.\n- `helper-*` are nano-libraries written for various needs and wants which I typically either copy \u0026 paste as and when needed.\n- `examples/try-*` are partials mixed and matched in order to demonstrate a bit more complexed implementations.\n\n## Getting Started\nFor minimum requirements, you will need the followings:\n\n- [VS Code][download-vscode] with [Remote - Container][download-remote-container-ext] extension.\n- [Docker Desktop][download-docker-desktop]\n- A web browser, like [Brave][download-brave] as for javascript playground\n\n[download-vscode]: https://code.visualstudio.com\n[download-remote-container-ext]: https://\n[download-docker-desktop]: https://\n[download-brave]: https://brave.com/latest\n\n## Run from Source\n\nWith VS Code:\n- Run command: Open with Live Server, or\n- Click `Go Live` on the status bar\n\nSpin up your favorite browser to visit [localhost:5505/examples/](http://localhost:5505/eamples/)\n\n[Read the journal notes to learn more.][journal-notes].\n\n## Feedback\n\nIf you were wondering, [ask questions and problems on GitHub][ama]. It is as easy as creating a new discussion. If not, here are the ways you can provide feedback.\n\n- [Submit bugs and request code snippets][new-issue]\n- [Upvote popular code snippets][openned-issues]\n- [Review source code and documentation][pull-requests]\n\n[ama]: https://github.com/kosalanuwan/ama/#readme\n[new-issue]: https://github.com/kosalanuwan/vanilla-js-snippets/issues/new\n[openned-issues]: https://github.com/kosalanuwan/vanilla-js-snippets/issues\n[pull-requests]: https://github.com/kosalanuwan/vanilla-js-snippets/pulls\n\n## Learning Resources\n\nNowadays, vanilla javascript already cover most of it anyways. And, polyfills are there whenever some random feature doesn't support on the browser.\n\n- [You Don't Need Lodash and Underscore][learning-yagni-repo] shows what vanilla javascript methods and techniques to use instead.\n- [Financial Times polyfill repository][learning-polyfills-repo] is good for polyfill code snippets.\n- [Writing vanilla JS snippets and examples #30][journal-discussion] for a curated list of online resources referred on these snippets.\n\n[journal-discussion]: https://github.com/kosalanuwan/journal/discussions/30\n[learning-yagni-repo]: https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore/#readme\n[learning-polyfills-repo]: https://github.com/Financial-Times/polyfill-library\n\n## Contributing\n\nIf you were wondering, I'd be happy to have more code snippets here. Have a suggestion or a bug fix? Just open a pull request or an issue. Include the code snippet with a clear file name and the simplest HTML possible.\n\n## License\n\nLicensed under [MIT][lic]\n\n[lic]: LICENSE\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkosperera%2Fvanilla-js-snippets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkosperera%2Fvanilla-js-snippets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkosperera%2Fvanilla-js-snippets/lists"}