GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - elstr/Vanilla-JS-Routing: 🚀Vanilla JS routing and dom manipulation

BranchesTags
Open more actions menu

Latest commit

 

History

3 Commits
3 Commits

Folders and files

NameName
Last commit message
Last commit date
src
src
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
package.json
package.json
 
 
webpack.config.js
webpack.config.js
 
 

Repository files navigation

You might not need a library/framework 😎

What's this all about?
To get my hands back on vanilla js I've set myself a challenge 💪

  • Read a JSON file & reduce it
  • Render items and manipulate the DOM with an API that abstracts this 🤓
  • Routing time! /item?xxx

Star features 🤩

Beautiful API for DOM manipulation

createNode is in charge of creating all dom nodes easly.
Just send the type of node you want (div, span, p, h1, ...), some custom atts, and children if needed.

 createNode('footer', { class: "footer" },
    createNode('a', { href: 'http://www.github.com/elstr' }, "Made with 💚 by Eleonora Lester"),
 )

Routing

Checkout what's up with window.location.search and render the Item component by sending some props to it.
Yup, like the react way but in a more vanilla way ✨

How to get up & running

  1. npm i
  2. npm run start
  3. localhost:5000

About

🚀Vanilla JS routing and dom manipulation

Topics

javascriptvanilla-javascriptvanilla-jsvanillajswebpack

Resources

Readme
Activity

Stars

5 stars

Watchers

1 watching

Forks

4 forks
Report repository

Releases

Packages

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.