Skip to content

Instantly share code, notes, and snippets.

🎯
Focusing

Ashutosh Singh gladiatorAsh

🎯
Focusing
Block or report user

Report or block gladiatorAsh

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View Extensions.md

Extensions I use

  1. Auto Import
  2. Beautify
  3. Better Comments
  4. Bracket Pair Colorizer
  5. C#
  6. CodeMetrics
  7. Debugger for Chrome
  8. ESLint
  9. Format Files
View Switching node to windows.md

Switching node to windows

1. Go here https://github.com/coreybutler/nvm-windows and click Download Now to get nvm installer for windows
2. Close all command consoles
3. Run installer to install nvm
4. Start console and type nvm list to show the current list of node versions installed
5. Install 8.15.0 by running nvm install <version> if you don’t have this specific version
6. Run nvm use <version> to switch to that node version
7. To confirm run nvm list. The version with an asterisk is your current version You can always use node -v :-)
@gladiatorAsh
gladiatorAsh / Extensions.md
Last active Mar 8, 2019 — forked from testgithubd/Extensions.md
Extensions for VS Code
View Extensions.md

Extensions I use

  1. Auto Import
  2. Beautify
  3. Better Comments
  4. Bracket Pair Colorizer
  5. C#
  6. CodeMetrics
  7. Debugger for Chrome
  8. ESLint
  9. Format Files
@gladiatorAsh
gladiatorAsh / AngularRevision.md
Last active Nov 22, 2018
Revision of Angular
View AngularRevision.md

www.w3schools.com

  1. Directives are HTML attribute modifiers
  2. Expressions bind data to HTML
  3. Filters format data and coincidentally also filter
  4. Modules define Angular JS applications
  5. Controllers control AngularJS applications
  • ng-app directive: Initiates an angular js application
  • ng-model directive: binds value of HTML controls to app data
@gladiatorAsh
gladiatorAsh / notes.md
Created Nov 21, 2018 — forked from LeZuse/notes.md
React.js internals
View notes.md

React.js

React

  • Element is a simple key,ref,props enclosure
  • Gets generated on every react batch strategy pass
  • It is "owned” by ReactCompositeComponent
  • JSX translates tags into ReactElement.createElement ftion calls

ReactCompositeComponent

  • React component (class)
View react-reusable-component.md

React Reusable Component Factory

'use strict';

const ENTER_KEY = 13;

const emailFactory = function ({
  React,
  setEmail,
@gladiatorAsh
gladiatorAsh / react_fiber.md
Created Nov 21, 2018 — forked from duivvv/react_fiber.md
What is React Fiber? And how can I try it out today?
View react_fiber.md
@gladiatorAsh
gladiatorAsh / react_fiber.md
Created Nov 21, 2018 — forked from duivvv/react_fiber.md
What is React Fiber? And how can I try it out today?
View react_fiber.md
@gladiatorAsh
gladiatorAsh / react-controlled-inputs.md
Created Nov 21, 2018 — forked from markerikson/react-controlled-inputs.md
React "controlled" vs "uncontrolled" inputs explanation
View react-controlled-inputs.md

[12:03 AM] acemarke: "controlled" and "uncontrolled" inputs
[12:04 AM] acemarke: if I have a plain, normal HTML page, and I put <input id="myTextbox" type="text" /> in my page(edited)
[12:04 AM] acemarke: and I start typing into that textbox
[12:04 AM] acemarke: it remembers what I've typed. The browser stores the current value for that input
[12:05 AM] acemarke: and then sometime later, I can get the actual element, say, const input = document.getElementById("myTextbox"), and I can ask it for its value: const currentText = input.value;
[12:05 AM] acemarke: good so far?
[12:08 AM] acemarke: I'll keep going, and let me know if you have questions
[12:08 AM] lozio: ok, actually I'm reading
[12:09 AM] lozio: good
[12:09 AM] acemarke: so, a normal HTML input field effectively stores its own value at all times, and you can get the element and ask for its value

View react-lifecycle-cheatsheet.md

React lifecycle cheatsheet

Method Side effects1 State updates2 Example uses
Mounting
componentWillMount Constructor equivalent for createClass
render Create and return element(s)
componentDidMount DOM manipulations, network requests, etc.
Updating
componentWillReceiveProps Update state based on changed props
You can’t perform that action at this time.