Merge pull request #2 from teodosii/develop

Merged develop branch to master

Author: teodosii

.babelrc

@@ -0,0 +1,19 @@
+{
+ "presets": [
+ "@babel/preset-env",
+ "@babel/preset-react"
+ ],
+ "plugins": [
+ "transform-class-properties",
+ [
+ "module-resolver",
+ {
+ "root": ["./"],
+ "alias": {
+ "src": "./src",
+ "site": "./site"
+ }
+ }
+ ]
+ ]
+}

.eslintrc.js

@@ -0,0 +1,50 @@
+const path = require("path");
+
+module.exports = {
+ "parser": "babel-eslint",
+ "parserOptions": {
+ "ecmaVersion": 6,
+ "sourceType": "module"
+ },
+ "globals": {
+ "process": true
+ },
+ "settings": {
+ "react": {
+ version: "16.4.2"
+ },
+ "import/resolver": {
+ alias: {
+ map: [
+ ["src", path.resolve(__dirname, "src")],
+ ["site", path.resolve(__dirname, "site")]
+ ],
+ extensions: [".js", ".css", ".scss"]
+ }
+ }
+ },
+ "extends": [
+ "eslint:recommended",
+ "plugin:react/recommended"
+ ],
+ "env": {
+ "es6": true,
+ "browser": true,
+ "jest": true
+ },
+ "plugins": [
+ "react"
+ ],
+ "rules": {
+ "quotes": "off",
+ "linebreak-style": "off",
+ "comma-dangle": "off",
+ "react/prop-types": "off",
+ "react/no-find-dom-node": "off",
+ "react/jsx-uses-vars": "error",
+ "no-constant-condition": "off",
+ "no-console": ["error", {
+ allow: ["warn", "error", "trace", "log"]
+ }]
+ }
+}

.gitignore

@@ -0,0 +1,4 @@
+node_modules/
+coverage/
+dist/
+.DS_Store

.prettierrc.js

@@ -0,0 +1,10 @@
+module.exports = {
+ printWidth: 100,
+ trailingComma: 'none',
+ useTabs: false,
+ tabWidth: 2,
+ semi: true,
+ singleQuote: true,
+ quoteProps: 'consistent',
+ jsxBracketSameLine: false
+};

.travis.yml

@@ -0,0 +1,9 @@
+language: node_js
+node_js: 11.1.0
+branches:
+ only:
+ - master
+install:
+ - npm install
+script:
+ - npm run build

README.md

@@ -1,2 +1,32 @@
 # react-tweenful
-Animation solution for React
+
+Looking for an amazing React library for animating stuff? Look no more, we've got you covered!
+
+## Demo
+
+https://teodosii.github.io/react-tweenful/
+
+## Features
+
+* Loop support (infinite or up to a specific number)
+* Wide variety of easings (bezier, predefined and custom easing)
+* Delayed animations (before and after)
+* Events support
+* Negative delay support to mimic CSS animations
+* Percent based animations to mimic CSS animations (e.g. `0%`, `50%`, `100%`)
+* `Tweenful` component for animating DOM nodes
+* `SVG` component to animate SVG nodes
+* `Observer` component for mount/unmount animations
+* `ObserverGroup` component to handle child transition (list removal/insertion, page transition etc)
+
+## Examples
+
+## Getting started
+
+```
+npm install react-tweenful
+```
+
+## License
+
+MIT