| <?php | |
| namespace AppBundle\Document; | |
| final class EditableConstants | |
| { | |
| const TITLE_WYSIWYG_CONFIG = [ | |
| 'placeholder' => 'Section title ...', | |
| 'enterMode' => 2, |
| import { AfterViewInit, Directive, ElementRef, HostBinding, Input } from '@angular/core'; | |
| @Directive({ | |
| selector: 'img[appLazyLoad]' | |
| }) | |
| export class LazyLoadDirective implements AfterViewInit { | |
| @HostBinding('attr.src') srcAttr = null; | |
| @Input() src: string; | |
| constructor(private el: ElementRef) {} |
Hmm... I don't see any docs for 4.0 on https://webpack.js.org. I guess I'll just wing it.
All I need to do is npm i -D webpack@next, right?
+ webpack@4.0.0-beta.2
This is a compiled list of falsehoods programmers tend to believe about working with time.
Don't re-invent a date time library yourself. If you think you understand everything about time, you're probably doing it wrong.
| import React from 'react'; | |
| import PropTypes from 'prop-types'; | |
| import { Link } from 'react-router-dom'; | |
| /** | |
| * Wraps the React Router Link component and creates a delay after the link is clicked. | |
| */ | |
| export default class DelayLink extends React.Component { | |
| static propTypes = { | |
| /** |
| <!DOCTYPE html> | |
| <!-- https://stackoverflow.com/questions/42720488/d3-v4-drag-line-chart-with-x-and-y-axes --> | |
| <!-- Thanks to Mark - https://stackoverflow.com/users/16363/mark --> | |
| <svg width="500" height="350"></svg> | |
| <script src="https://d3js.org/d3.v4.min.js"></script> | |
| <script> | |
| var svg = d3.select("svg"), | |
| margin = {top: 20, right: 20, bottom: 30, left: 50}, | |
| width = +svg.attr("width") - margin.left - margin.right, |
I am moving this gist to a github repo so more people can contribute to it. Also, it makes it easier for me to version control.
Please go to - https://github.com/praveenpuglia/shadow-dom-in-depth for latest version of this document. Also, if you find the document useful, please shower your love, go ⭐️ it. :)
Heads Up! It's all about the V1 Spec.
In a nutshell, Shadow DOM enables local scoping for HTML & CSS.
| // 🔥 Node 7.6 has async/await! Here is a quick run down on how async/await works | |
| const axios = require('axios'); // promised based requests - like fetch() | |
| function getCoffee() { | |
| return new Promise(resolve => { | |
| setTimeout(() => resolve('☕'), 2000); // it takes 2 seconds to make coffee | |
| }); | |
| } |
| 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 |
Sometimes you may want to undo a whole commit with all changes. Instead of going through all the changes manually, you can simply tell git to revert a commit, which does not even have to be the last one. Reverting a commit means to create a new commit that undoes all changes that were made in the bad commit. Just like above, the bad commit remains there, but it no longer affects the the current master and any future commits on top of it.
git revert {commit_id}
Deleting the last commit is the easiest case. Let's say we have a remote origin with branch master that currently points to commit dd61ab32. We want to remove the top commit. Translated to git terminology, we want to force the master branch of the origin remote repository to the parent of dd61ab32: