iamalvisng

import React, { useEffect, useRef } from 'react';

// Define the properties for the InfiniteScrollTrigger component
type InfiniteScrollTriggerProps = {
  onIntersect: () => void;  // Callback function to be executed when intersection is detected
  root?: Element | Document | null;  // The Element or Document object to be used as the viewable area for the IntersectionObserver
  threshold?: number;  // A single number or an array of numbers between 0.0 and 1.0 indicating at what percentage of the target's visibility the observer's callback should be executed
  rootMargin?: string;  // Margin around the root. Can have values similar to the CSS margin property
};

iamalvisng

/**
 * Axios Request Wrapper
 * ---------------------
 *
 * @author  Sheharyar Naseer (@sheharyarn)
 * @license MIT
 *
 */

import axios     from 'axios'

iamalvisng

import { Link } from 'react-router-dom'
import { Badge, Col, Menu } from 'antd'

const StyledBadge = styled(Badge)`
    .ant-badge-count {
        background-color: #7ECBBF;
        color: white;
        box-shadow: 0 0 0 1px #d9d9d9 inset;
    }
`

iamalvisng

import React from 'react';
import { string, bool, func } from 'prop-types';
import { StyledButton } from './styled';

const Button = ({
  size,
  text,
}) => (
  <StyledButton
    size={size}

iamalvisng

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---

iamalvisng

// File: .storybook/config.js

import { configure, addDecorator } from '@kadira/storybook';
import Theme from './../src/ui/theme';
import React from 'react';
import { ThemeProvider } from 'styled-components'

function loadStories() {
  require('../stories');
}

iamalvisng

This text now lives at https://github.com/MarcDiethelm/contributing/blob/master/README.md. I turned it into a Github repo so you can, you know, contribute to it by making pull requests.

---

Contributing

If you want to contribute to a project and make it better, your help is very welcome. Contributing is also a great way to learn more about social coding on Github, new technologies and and their ecosystems and how to make constructive, helpful bug reports, feature requests and the noblest of all contributions: a good, clean pull request.

iamalvisng

class App extends Component {
  constructor(props) {
    super(props);

    this.state = {
      location: 'Loading...',
      temp: null,
      icon: '01d',
      unit: 'C',
      isMetric: true,

iamalvisng

var gulp = require('gulp'),
    sass = require('gulp-ruby-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    minifycss = require('gulp-minify-css'),
    jshint = require('gulp-jshint'),
    uglify = require('gulp-uglify'),
    rename = require('gulp-rename'),
    clean = require('gulp-clean'),
    concat = require('gulp-concat'),
    notify = require('gulp-notify'),