Skip to content

Instantly share code, notes, and snippets.

@adamjohnson
Last active December 2, 2022 18:28
Show Gist options
  • Save adamjohnson/afd8eab0e9bd83eb84ed051728d2180f to your computer and use it in GitHub Desktop.
Save adamjohnson/afd8eab0e9bd83eb84ed051728d2180f to your computer and use it in GitHub Desktop.

Revisions

  1. adamjohnson revised this gist Apr 7, 2021. 1 changed file with 6 additions and 0 deletions.
    6 changes: 6 additions & 0 deletions no-jquery-native-apis.md
    Original file line number Diff line number Diff line change
    @@ -46,6 +46,12 @@ and...

    --------------------------------------------------------------------------------

    In blog format by Tobias Ahlin:

    https://tobiasahlin.com/blog/move-from-jquery-to-vanilla-javascript/

    --------------------------------------------------------------------------------

    Vanilla JS Doc Ready function:

    IE9+ (most simple)
  2. adamjohnson revised this gist Jan 20, 2021. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions no-jquery-native-apis.md
    Original file line number Diff line number Diff line change
    @@ -50,6 +50,7 @@ Vanilla JS Doc Ready function:

    IE9+ (most simple)
    https://stackoverflow.com/a/31171096/908059

    ☝️ Browser support: https://caniuse.com/#feat=domcontentloaded

    NOTE: Some people want to if/else if DOMContentLoaded has [already been completed](https://github.com/nefe/You-Dont-Need-jQuery#5.0). ¯\_(ツ)_
  3. adamjohnson revised this gist Jan 20, 2021. 1 changed file with 7 additions and 10 deletions.
    17 changes: 7 additions & 10 deletions no-jquery-native-apis.md
    Original file line number Diff line number Diff line change
    @@ -32,17 +32,17 @@ A great list / 1:1 breakdown of jQuery Methods and what their modern API's look

    https://github.com/nefe/You-Dont-Need-jQuery

    These guys really broke it down well. Seems up to date too (~4 months ago last commit).
    These folks really broke it down well. Seems up to date too.

    --------------------------------------------------------------------------------

    The ever classic:

    http://youmightnotneedjquery.com/
    [youmightnotneedjquery.com](http://youmightnotneedjquery.com/) ([Github](https://github.com/HubSpot/YouMightNotNeedjQuery))

    and...

    http://youmightnotneedjqueryplugins.com/
    [youmightnotneedjqueryplugins.com](https://web.archive.org/web/20200319103848/http://youmightnotneedjqueryplugins.com/) ([Github](https://github.com/davidyezsetz/you-might-not-need-jquery-plugins))

    --------------------------------------------------------------------------------

    @@ -51,12 +51,9 @@ Vanilla JS Doc Ready function:
    IE9+ (most simple)
    https://stackoverflow.com/a/31171096/908059
    ☝️ Browser support: https://caniuse.com/#feat=domcontentloaded
    NOTE: Some people want to if/else if DOMContentLoaded has already been completed, ala:
    https://github.com/nefe/You-Dont-Need-jQuery#5.0
    ¯\_(ツ)_

    OR (mini function)
    https://stackoverflow.com/a/30757781/908059
    NOTE: Some people want to if/else if DOMContentLoaded has [already been completed](https://github.com/nefe/You-Dont-Need-jQuery#5.0). ¯\_(ツ)_

    OR IE6+ (full fleged function)
    https://github.com/jfriend00/docReady
    OR (mini function): https://stackoverflow.com/a/30757781/908059

    OR IE6+ (full fleged function): https://github.com/jfriend00/docReady
  4. adamjohnson revised this gist Mar 28, 2020. 1 changed file with 12 additions and 6 deletions.
    18 changes: 12 additions & 6 deletions no-jquery-native-apis.md
    Original file line number Diff line number Diff line change
    @@ -1,16 +1,16 @@
    A great list of commonly used native JS methods and API's:
    A well designed vanilla JS resource:

    https://vanillajstoolkit.com/reference/
    https://codetogo.io/

    ☝️ Stuff like DOM Injection, DOM Traversal, JSON, AJAX, and array API's
    ☝️ Can search via method name or the task you want to accomplish.

    --------------------------------------------------------------------------------

    A well designed vanilla JS resource:
    A great list of commonly used native JS methods and API's:

    https://codetogo.io/
    https://vanillajstoolkit.com/reference/

    ☝️ Can search via method name or the task you want to accomplish.
    ☝️ Stuff like DOM Injection, DOM Traversal, JSON, AJAX, and array API's

    --------------------------------------------------------------------------------

    @@ -22,6 +22,12 @@ https://htmldom.dev/

    --------------------------------------------------------------------------------

    Some fancy JS snippets for very specific tasks

    https://www.30secondsofcode.org/js/p/1/

    --------------------------------------------------------------------------------

    A great list / 1:1 breakdown of jQuery Methods and what their modern API's look like:

    https://github.com/nefe/You-Dont-Need-jQuery
  5. adamjohnson renamed this gist Mar 25, 2020. 1 changed file with 0 additions and 3 deletions.
    3 changes: 0 additions & 3 deletions no-jquery-native-apis.js → no-jquery-native-apis.md
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,3 @@
    /*
    A great list of commonly used native JS methods and API's:

    https://vanillajstoolkit.com/reference/
    @@ -55,5 +54,3 @@ https://stackoverflow.com/a/30757781/908059

    OR IE6+ (full fleged function)
    https://github.com/jfriend00/docReady
    */
  6. adamjohnson revised this gist Mar 25, 2020. 1 changed file with 16 additions and 0 deletions.
    16 changes: 16 additions & 0 deletions no-jquery-native-apis.js
    Original file line number Diff line number Diff line change
    @@ -7,6 +7,22 @@ https://vanillajstoolkit.com/reference/
    --------------------------------------------------------------------------------
    A well designed vanilla JS resource:
    https://codetogo.io/
    ☝️ Can search via method name or the task you want to accomplish.
    --------------------------------------------------------------------------------
    Accomplish common tasks with native JS:
    https://htmldom.dev/
    ☝️ DOM manipulation, handling events, organized by task instead of API
    --------------------------------------------------------------------------------
    A great list / 1:1 breakdown of jQuery Methods and what their modern API's look like:
    https://github.com/nefe/You-Dont-Need-jQuery
  7. adamjohnson created this gist Nov 24, 2019.
    43 changes: 43 additions & 0 deletions no-jquery-native-apis.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,43 @@
    /*
    A great list of commonly used native JS methods and API's:
    https://vanillajstoolkit.com/reference/
    ☝️ Stuff like DOM Injection, DOM Traversal, JSON, AJAX, and array API's
    --------------------------------------------------------------------------------
    A great list / 1:1 breakdown of jQuery Methods and what their modern API's look like:
    https://github.com/nefe/You-Dont-Need-jQuery
    These guys really broke it down well. Seems up to date too (~4 months ago last commit).
    --------------------------------------------------------------------------------
    The ever classic:
    http://youmightnotneedjquery.com/
    and...
    http://youmightnotneedjqueryplugins.com/
    --------------------------------------------------------------------------------
    Vanilla JS Doc Ready function:
    IE9+ (most simple)
    https://stackoverflow.com/a/31171096/908059
    ☝️ Browser support: https://caniuse.com/#feat=domcontentloaded
    NOTE: Some people want to if/else if DOMContentLoaded has already been completed, ala:
    https://github.com/nefe/You-Dont-Need-jQuery#5.0
    ¯\_(ツ)_/¯
    OR (mini function)
    https://stackoverflow.com/a/30757781/908059
    OR IE6+ (full fleged function)
    https://github.com/jfriend00/docReady
    */