Refactor to use hooks and others features

.eslintrc

@@ -1,8 +1,3 @@
 {
-  "extends": "@significa/significa",
-  "env": {
-    "browser": true,
-    "node": true,
-    "es6": true
-  }
-}
+  "extends": "@significa/eslint-config"
+}

.prettierrc.js

@@ -0,0 +1 @@
+module.exports = require("@significa/prettier-config");

.storybook/main.js

@@ -0,0 +1,15 @@
+module.exports = {
+  stories: ['../stories/**/*.stories.tsx'],
+  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
+  webpackFinal: async config => {
+    config.module.rules.push({
+      test: /\.(ts|tsx)$/,
+      loader: require.resolve('babel-loader'),
+      options: {
+        presets: [['react-app', { flow: false, typescript: true }]],
+      },
+    });
+    config.resolve.extensions.push('.ts', '.tsx');
+    return config;
+  },
+};

README.md

@@ -47,7 +47,7 @@ const List = () => (
 
 ### Methods
 
-**resize**
+**reposition**
 Recalculate all spaces available and snuggle each element z its space, it is helpful for lazing loading, resize listeners, and loading images.
 
 Example:
@@ -58,7 +58,7 @@ const Component = () => {
 
   const onLoad = () => {
     if (snuggleRef.current) {
-      snuggleRef.current.resize()
+      snuggleRef.current.settle()
     }
   }