first commit

Author: rwieruch

.gitignore

@@ -0,0 +1,21 @@
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "semi": true,
+  "trailingComma": "all",
+  "singleQuote": true,
+  "printWidth": 70,
+}

README.md

@@ -0,0 +1,13 @@
+# react-intersection-observer-api-example
+
+[![Build Status](https://travis-ci.org/the-road-to-learn-react/react-intersection-observer-api-example.svg?branch=master)](https://travis-ci.org/the-road-to-learn-react/react-intersection-observer-api-example) [![Slack](https://slack-the-road-to-learn-react.wieruch.com/badge.svg)](https://slack-the-road-to-learn-react.wieruch.com/)
+
+A simple application that showcases how [Intersection Observer API](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) can be used in React with [createRef()](https://reactjs.org/docs/refs-and-the-dom.html). Use case: observe sections in an article and track the current viewed section in a navigation.
+
+## Installation
+
+* `git clone git@github.com:the-road-to-learn-react/react-intersection-observer-api-example.git`
+* cd react-intersection-observer-api-example
+* npm install
+* npm start
+* visit `http://localhost:3000`