/*@jsxRuntime automatic @jsxImportSource react*/
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
const {useMDXComponents: _provideComponents} = arguments[0];
function _createMdxContent(props) {
  const _components = Object.assign({
    h1: "h1",
    a: "a",
    p: "p",
    h2: "h2",
    ul: "ul",
    li: "li"
  }, _provideComponents(), props.components);
  return _jsxs(_Fragment, {
    children: [_jsxs(_components.h1, {
      id: "scroller-upgrade",
      children: ["Scroller Upgrade", _jsx(_components.a, {
        className: "anchor",
        href: "#scroller-upgrade"
      })]
    }), "\n", _jsxs(_components.p, {
      children: ["I finally got around to updating ", _jsx(_components.a, {
        href: "https://bespoyasov.ru/scroller/",
        children: "Scroller"
      }), ". Here's what changed."]
    }), "\n", _jsxs(_components.h2, {
      id: "no-dependencies",
      children: ["No Dependencies", _jsx(_components.a, {
        className: "anchor",
        href: "#no-dependencies"
      })]
    }), "\n", _jsx(_components.p, {
      children: "You no longer need jQuery and jTweener. The script is lightweight now—the minified version is only 20 KB."
    }), "\n", _jsxs(_components.h2, {
      id: "new-apis",
      children: ["New APIs", _jsx(_components.a, {
        className: "anchor",
        href: "#new-apis"
      })]
    }), "\n", _jsx(_components.p, {
      children: "You can now scroll the content programmatically and update the settings on the fly. The old methods and setting via attributes still work."
    }), "\n", _jsxs(_components.h2, {
      id: "package-is-now-on-npm",
      children: ["Package is Now On npm", _jsx(_components.a, {
        className: "anchor",
        href: "#package-is-now-on-npm"
      })]
    }), "\n", _jsx(_components.p, {
      children: "I don't remember how I missed it last time. Fixed now."
    }), "\n", _jsxs(_components.h2, {
      id: "better-performance",
      children: ["Better Performance", _jsx(_components.a, {
        className: "anchor",
        href: "#better-performance"
      })]
    }), "\n", _jsx(_components.p, {
      children: "It now scrolles the content smoother due to the software acceleration. Inertia effect now feels nicer."
    }), "\n", _jsxs(_components.h2, {
      id: "no-ie-below-11",
      children: ["No IE Below 11", _jsx(_components.a, {
        className: "anchor",
        href: "#no-ie-below-11"
      })]
    }), "\n", _jsx(_components.p, {
      children: "If support for older browsers is important to you, try an older version of Scroller. It works in IE as of version 9."
    }), "\n", _jsxs(_components.h2, {
      id: "react-component",
      children: ["React Component", _jsx(_components.a, {
        className: "anchor",
        href: "#react-component"
      })]
    }), "\n", _jsxs(_components.p, {
      children: ["I also made ", _jsx(_components.a, {
        href: "https://github.com/bespoyasov/react-scroller",
        children: "a wrapper for React"
      }), ", so that you could use Scroller in you r React apps."]
    }), "\n", _jsxs(_components.p, {
      children: ["If you have any questions, or if you find a bug, send them to ", _jsx(_components.a, {
        href: "mailto:bespoyasov@me.com",
        children: "email"
      }), " or ", _jsx(_components.a, {
        href: "https://github.com/bespoyasov/scroller/issues",
        children: "GitHub"
      }), "."]
    }), "\n", _jsxs(_components.h2, {
      id: "resources",
      children: ["Resources", _jsx(_components.a, {
        className: "anchor",
        href: "#resources"
      })]
    }), "\n", _jsxs(_components.ul, {
      children: ["\n", _jsx(_components.li, {
        children: _jsx(_components.a, {
          href: "https://bespoyasov.ru/scroller/",
          children: "Project promo page"
        })
      }), "\n", _jsxs(_components.li, {
        children: [_jsx(_components.a, {
          href: "https://github.com/bespoyasov/scroller",
          children: "Project on GitHub"
        }), "."]
      }), "\n"]
    })]
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);
  return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {
    children: _jsx(_createMdxContent, props)
  })) : _createMdxContent(props);
}
return {
  default: MDXContent
};


Last part of my summary to the “The Art of Readable Code” book.

The Art of Readable Code. Part 3

Continue reading “The Art of Readable Code”.

Scroller Upgrade

No Dependencies

New APIs

Package is Now On npm

Better Performance

No IE Below 11

React Component

Resources

If you liked the post