Skip to content

Instantly share code, notes, and snippets.

View ristaa's full-sized avatar
:octocat:
Focusing

Milos Ristic ristaa

:octocat:
Focusing
View GitHub Profile
@ristaa
ristaa / react-fetch-json.js
Created August 9, 2018 08:26
React simple fetch method with JSON
import React, { Component } from "react";
import { render } from "react-dom";
class App extends Component {
state = {
data: []
};
componentDidMount() {
this.getDataFromApi();
@ristaa
ristaa / react-fetch-html.js
Created August 9, 2018 12:36
React Get HTML from other sites
import React, { Component } from "react";
import { render } from "react-dom";
import cheerio from "cheerio";
import renderHTML from "react-render-html";
class App extends Component {
state = {
data: [],
logos: []
};
@ristaa
ristaa / bind-this-in-render.js
Created August 14, 2018 13:44
Bind this in render function - react
class App extends React.Component {
constructor(props) {
super(props);
this.state = { message: "Hello World!" };
}
logMessage() {
console.log(this.state.message);
}
@ristaa
ristaa / react-bind-arrow-render.js
Created August 14, 2018 13:51
Bind this using ES6 arrow function in render - react
class App extends React.Component {
constructor(props) {
super(props);
this.state = { message: "Hello World!" };
}
logMessage() {
console.log(this.state.message);
}
@ristaa
ristaa / arrow-class-react.js
Created August 14, 2018 13:57
Arrow function in Class property - react
class App extends React.Component {
state = {
message: 'Hello World!'
};
logMessage = () => {
console.log(this.state.message);
}
render() {
@ristaa
ristaa / bind-in-constructor-react.js
Created August 14, 2018 13:59
Bind in constructor - react
class App extends React.Component {
constructor(props) {
super(props);
this.state = { message: "Hello World!" };
this.logMessage = this.logMessage.bind(this);
}
logMessage = () => {
console.log(this.state.message);
}
@ristaa
ristaa / forEach.js
Created September 11, 2018 08:13
forEach helper ES6
var colors = ['red', 'yellow', 'purple'];
colors.forEach(function(color) {
console.log(color);
});
@ristaa
ristaa / let.js
Created September 12, 2018 08:22
Usage of let keyword (block-scoped)
let howMany = 4;
if(howMany > 3){
let displayApples = "I have more than 3 apples";
console.log(displayApples); // "I have more than 3 apples"
}
console.log(displayApples); // displayApples is not defined
@ristaa
ristaa / re-declarations-let-const.js
Created September 12, 2018 08:35
Update and re-declare of let and const
// This is OK - updating apples
let apples = "3 apples";
apples = "4 apples";
// This is NOT OK - re-declare pears
let pears = "3 pears";
let pears = "4 pears"; // error: Identifier 'pears' has already been declared
// This is OK - different scopes, same variable name
let bananas = "3 bananas";
@ristaa
ristaa / everyHelper.js
Created September 12, 2018 08:53
every Helper usage
var applesInBaskets = [32, 33, 16, 40];
var pearsInBaskets = [32, 33, 39, 40];
var bananasInBaskets = [6, 10, 12, 17];
function checkBasket(basket) {
return basket >= 20;
}
// All baskets in array should have more than 20 fruits to return TRUE
console.log(applesInBaskets.every(checkBasket)); // false - one basket with apples has less than 20 apples (16)