A react implementation of stickyroll (original)

Last update: Jan 29, 2022

A sticky view with scroll listener API for parallax style views.

Stickyroll

Stickyroll logo

Site | Getting started | Live support | Typedoc

Are you looking for a Vue.js version?
Check out Vue Stickyroll.

MIT license Getting started Code of Conduct Say Thanks

Build status Test Coverage Code Quality Vulnerabilities

Powered by

Webstorm

Browserstack

This is the contributor documentation for the react-stickyroll mono-repository. For user docs see Getting started

Core Packages

The newly added stickyroll hooks ships with >1KB.

version description
stickyroll The core component and listener
stickyroll decorators Decorators for plugins and smart components
stickyroll utils Utilities to build plugins
stickyroll hooks Use stickyroll with react hooks

Styled Components

version description
stickyroll inner A themed inner frame (made for pagers)
stickyroll pagers Themed pagers (made for inner)
stickyroll themes A collection of themes to select and combine

Contribute to Stickyroll

Please read our contributing guide

git clone https://github.com/stickyroll/react-stickyroll.git
cd react-stickyroll
yarn
yarn dev

# Test your changes
yarn test
# scoped tests
yarn lerna run test --scope @stickyroll/<package_name>

Develop guides (via patternplate)

yarn patternplate:dev

License

Copyright by Gregor Adams. All @stickyroll packages are released under the MIT license.

GitHub

https://github.com/stickyroll/react-stickyroll/
Comments
  • 1. Container has one extra page (specified page number + 1)

    First of all thank you for your work on this library, it's a lifesaver for me right now :) I've encountered a weird issue and would like to have your input on it (and preferably a fix if possible).

    Describe the bug Setting the pages property to n sets the container height to (n+1) * 100vh and the last page seems to last twice as long as the others. (example: I've set it to 3, and my container is 400vh tall). I've also noticed this weird bug on the demo page (https://stickyroll.netlify.com) where the page numbers are page + 1, resulting in things like "page 4 of 3", I'm guessing it could be originating in the same problem.

    To Reproduce I guess the description makes it clear enough, if not I'll fill this. Version is 1.0.0.

    Expected behavior The container height should be pages * 100vh tall and the last page should be equal to the others.

    Desktop (please complete the following information):

    • OS: macOS Mojave
    • Browser: Chrome
    • Version: 70.0.3538.110
    Reviewed by tszekely at 2018-12-05 14:08
  • 2. fix: fix pagers not accepting theme

    Motivation

    Fix the bug that prevents the users of the library to specify the theme of the pager.

    Issues closed

    Closes #269

    Compatibility tests

    • [x] All tests pass
    • [ ] New test added

    Intended version

    • [ ] Major (BREAKING CHANGES)
    • [x] Minor (feat)
    • [ ] Patch (fix)
    Reviewed by robgev at 2019-11-27 21:19
  • 3. Pagers component does not take the theme provided

    Describe the bug Pagers component is ignoring the theme provided as a prop.

    To Reproduce Steps to reproduce the behavior:

    1. Render
    2. Give it any theme either via a provider or directly by theme={indigo}
    3. The Pagers still gets the default light theme
    4. See error

    Codesandbox

    Here's a codesandbox that shows this issue: https://codesandbox.io/s/ecstatic-hopper-i1n26

    Expected behavior The Pagers component should get and apply the theme

    Desktop (please complete the following information):

    • OS: Mac OS Mojave
    • Browser Chrome
    • Version 78

    Additional context The problem comes from the fact that in pagers.tsx the Pagers component passes all the props except the theme to PagerBase.

    Reviewed by robgev at 2019-11-27 21:00
  • 4. chore(deps): update dependency typescript to v3.7.2 - autoclosed

    This PR contains the following updates:

    | Package | Type | Update | Change | |---|---|---|---| | typescript (source) | devDependencies | minor | 3.5.3 -> 3.7.2 |


    Release Notes

    Microsoft/TypeScript

    v3.7.2

    Compare Source

    For release notes, check out the release announcement.

    For new features, check out the What's new in TypeScript v3.7.2.

    For the complete list of fixed issues, check out the

    Downloads are available on:

    v3.6.4

    Compare Source

    For release notes, check out the release announcement.

    For the complete list of fixed issues, check out the

    Downloads are available on:

    v3.6.3

    Compare Source

    For release notes, check out the release announcement.

    For the complete list of fixed issues, check out the

    Downloads are available on:

    v3.6.2

    Compare Source

    For release notes, check out the release announcement.

    For the complete list of fixed issues, check out the

    Downloads are available on:


    Renovate configuration

    :date: Schedule: At any time (no schedule defined).

    :vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

    :recycle: Rebasing: Whenever PR becomes conflicted, or if you modify the PR title to begin with "rebase!".

    :no_bell: Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    Newsflash: Renovate has joined WhiteSource, and is now free for all use. Learn more or view updated terms and privacy policies.

    Reviewed by renovate[bot] at 2019-08-28 18:10
  • 5. chore(deps): update dependency @types/jasmine to v3.3.16

    This PR contains the following updates:

    | Package | Type | Update | Change | |---|---|---|---| | @types/jasmine | devDependencies | patch | 3.3.13 -> 3.3.16 |


    Renovate configuration

    :date: Schedule: At any time (no schedule defined).

    :vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

    :recycle: Rebasing: Whenever PR becomes conflicted, or if you modify the PR title to begin with "rebase!".

    :no_bell: Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by Renovate Bot. View repository job log here.

    Reviewed by renovate[bot] at 2019-07-19 00:31
  • 6. Anchors with Stickyroll Hook?

    Hello,

    I am using the stickyroll hooks API to build a custom scroll progress bar/pager. Is it possible to use anchors similar to how it is done in the regular stickyroll API <Stickyroll pages={headlines} anchors=""/>?

    If stickyroll hooks doesn't have anchors implemented yet, can you explain how I could add them into my stickyroll page component and how can I make the stickyroll jump to a particular part on the page?

    Thanks!

    Reviewed by nullboundary at 2020-03-16 21:08
  • 7. chore(deps): update dependency cross-env to v7.0.2 - autoclosed

    This PR contains the following updates:

    | Package | Type | Update | Change | |---|---|---|---| | cross-env | devDependencies | patch | 7.0.0 -> 7.0.2 |


    Release Notes

    kentcdodds/cross-env

    v7.0.2

    Compare Source

    Reverts

    v7.0.1

    Compare Source

    Bug Fixes

    Renovate configuration

    :date: Schedule: At any time (no schedule defined).

    :vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

    :recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    :no_bell: Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2020-03-03 18:45
  • 8. chore(deps): update dependency @babel/register to v7.8.6 - autoclosed

    This PR contains the following updates:

    | Package | Type | Update | Change | |---|---|---|---| | @babel/register | devDependencies | patch | 7.8.3 -> 7.8.6 |


    Release Notes

    babel/babel

    v7.8.6

    Compare Source

    :eyeglasses: Spec Compliance
    • babel-helper-module-transforms, babel-helper-replace-supers, babel-plugin-transform-modules-commonjs
    • babel-parser
    :boom: Breaking Change
    :rocket: New Feature
    • babel-helper-create-regexp-features-plugin, babel-plugin-transform-classes, babel-plugin-transform-named-capturing-groups-regex, babel-preset-env
    :bug: Bug Fix
    :nail_care: Polish
    • babel-core, babel-generator, babel-plugin-external-helpers, babel-plugin-proposal-async-generator-functions, babel-plugin-proposal-class-properties, babel-plugin-proposal-decorators, babel-plugin-proposal-function-bind, babel-plugin-transform-async-to-generator, babel-plugin-transform-classes, babel-plugin-transform-flow-comments, babel-plugin-transform-flow-strip-types, babel-plugin-transform-function-name, babel-plugin-transform-parameters, babel-plugin-transform-react-constant-elements, babel-plugin-transform-react-jsx, babel-plugin-transform-regenerator, babel-plugin-transform-runtime, babel-plugin-transform-typescript, babel-preset-env
    :house: Internal

    Renovate configuration

    :date: Schedule: At any time (no schedule defined).

    :vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

    :recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    :no_bell: Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2020-02-27 12:38
  • 9. chore(deps): update dependency @babel/core to v7.8.7 - autoclosed

    This PR contains the following updates:

    | Package | Type | Update | Change | |---|---|---|---| | @babel/core (source) | devDependencies | patch | 7.8.4 -> 7.8.7 |


    Release Notes

    babel/babel

    v7.8.7

    Compare Source

    :bug: Bug Fix
    :house: Internal

    v7.8.6

    Compare Source

    :eyeglasses: Spec Compliance
    • babel-helper-module-transforms, babel-helper-replace-supers, babel-plugin-transform-modules-commonjs
    • babel-parser
    :boom: Breaking Change
    :rocket: New Feature
    • babel-helper-create-regexp-features-plugin, babel-plugin-transform-classes, babel-plugin-transform-named-capturing-groups-regex, babel-preset-env
    :bug: Bug Fix
    :nail_care: Polish
    • babel-core, babel-generator, babel-plugin-external-helpers, babel-plugin-proposal-async-generator-functions, babel-plugin-proposal-class-properties, babel-plugin-proposal-decorators, babel-plugin-proposal-function-bind, babel-plugin-transform-async-to-generator, babel-plugin-transform-classes, babel-plugin-transform-flow-comments, babel-plugin-transform-flow-strip-types, babel-plugin-transform-function-name, babel-plugin-transform-parameters, babel-plugin-transform-react-constant-elements, babel-plugin-transform-react-jsx, babel-plugin-transform-regenerator, babel-plugin-transform-runtime, babel-plugin-transform-typescript, babel-preset-env
    :house: Internal

    Renovate configuration

    :date: Schedule: At any time (no schedule defined).

    :vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

    :recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    :no_bell: Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2020-02-27 12:38
  • 10. chore(deps): update dependency ava to v3.5.0 - autoclosed

    This PR contains the following updates:

    | Package | Type | Update | Change | |---|---|---|---| | ava (source) | devDependencies | minor | 3.3.0 -> 3.5.0 | | ava (source) | dependencies | minor | 3.3.0 -> 3.5.0 |


    Release Notes

    avajs/ava

    v3.5.0

    Compare Source

    When using ava debug, you can now specify the address or hostname the inspector is available through by using the --host option. Thanks to @​DYefimov for contributing this! 13d6651

    See https://github.com/avajs/ava/compare/v3.4.0...v3.5.0 for all changes. Spoiler alert: it's just this one 😉

    v3.4.0

    Compare Source

    Introducing the t.try() assertion

    The new t.try() allows you to try assertions without causing the test to fail:

    test('do the thing', async t => {
      const attempt = () => t.try(async tt => {
        const result = await getResult()
        // getResult() can be flaky and sometimes throws :(
        tt.is(result, 'expected')
      })
      
      const firstAttempt = await attempt()
      if (firstAttempt.passed) return firstAttempt.commit()
      
      t.log('Retrying (just once)')
      firstAttempt.discard()
      const secondAttempt = await attempt()
      secondAttempt.commit()
    })
    

    You can use any test implementation with t.try(), including (arrays of) macros. You can decide what to do with attempts. You can even run attempts concurrently, so long as they don't use snapshot assertions.

    This is great building block for handling all kinds of advanced test scenarios. We can't wait to see what you'll do with it! Find out more in the assertion documentation.

    This feature was previously behind an experimental flag. That flag has now been removed. If you have enabled the flag you'll have to update your AVA config. Also note that as of this release, attempt titles are always prefixed with the title of the parent test 7ee3a0e.

    Once again, thank you @​qlonik for contributing this new assertion.

    In case you missed it: ESM support

    As of the 3.3.0 release, AVA can load ESM test files! Check our updated ES Modules recipe for details.

    Our ESM support is still incomplete. Progress is tracked in the ESM support project. Join us, won't you?

    Other changes

    • The t.throws() and t.throwsAsync() assertions can now be called with undefined as the second argument. Previously, if you wanted to set an assertion message but did not want to provide any expectations for the thrown error you had to pass null. That's still allowed, of course. d0e2161 @​stavalfi
    • ava.config.js files once again work with our @ava/typescript package f4d4edd
    • Our TypeScript definition no longer references @types/node 7a1dacf
    • We've improved the error message shown when test.cb() is used with asynchronous functions or observables f5a8c2b @​toddkcarlson
    • The Vue recipe has been updated to use jsdom-global instead of browser-env 3f9c616 @​Scrum
    • @​fisker optimized how we detect ESM support 8831f54

    See https://github.com/avajs/ava/compare/v3.3.0...v3.4.0 for all changes.


    Renovate configuration

    :date: Schedule: At any time (no schedule defined).

    :vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

    :recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    :no_bell: Ignore: Close this PR and you won't be reminded about these updates again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2020-02-23 16:21
  • 11. chore(deps): update dependency @types/jasmine to v3.5.9 - autoclosed

    This PR contains the following updates:

    | Package | Type | Update | Change | |---|---|---|---| | @types/jasmine | devDependencies | patch | 3.5.5 -> 3.5.9 |


    Renovate configuration

    :date: Schedule: At any time (no schedule defined).

    :vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

    :recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    :no_bell: Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2020-02-20 20:52
  • 12. chore(deps): update dependency karma-chrome-launcher to v3.1.1

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | karma-chrome-launcher | 3.1.0 -> 3.1.1 | age | adoption | passing | confidence |


    Release Notes

    karma-runner/karma-chrome-launcher

    v3.1.1

    Compare Source

    Bug Fixes
    • artificially trigger a release (83fdc3c)

    Configuration

    📅 Schedule: At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about these updates again.


    • [ ] If you want to rebase/retry this PR, click this checkbox.

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2022-03-26 12:28
  • 13. chore(deps): update dependency commitlint to v8.3.6

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | commitlint (source) | 8.3.5 -> 8.3.6 | age | adoption | passing | confidence |


    Release Notes

    conventional-changelog/commitlint

    v8.3.6

    Compare Source

    Note: Version bump only for package @​commitlint/root

    chore: update lodash to 4.17.21 SECURITY: CVE-2021-23337 in package lodash https://nvd.nist.gov/vuln/detail/CVE-2021-23337


    Configuration

    📅 Schedule: At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, click this checkbox.

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2022-03-07 07:43
  • 14. How to use Parallax Effect on my project in stickyroll

    Hello, I am not finding any documentation for using Parallax Effect. I am see parallax effect in this example -https://stickyroll.github.io/react-stickyroll/#!/device-support/1

    Can you give any work example or codeSandBox example-

    This is my using-

    const headlines = [
        <Stack direction="row">
            <Box>
                <Typography variant="h6" component="h6">
                    Requirements
                </Typography>
                <Typography variant="body1" component="p">
                    We are a remote developer agency based in Bangladesh,
                    working with clients around the world. As passionate designers & developer, we love building website, mobile app and UI/UX that are easy to use, accessible, engaging, and delightful.
                </Typography>
            </Box>
            <Box sx={{ svg: { width: "100px" } }}>
                <ReactSVG src={Requirement} wrapper="span" />
            </Box>
        </Stack>,
        <Stack direction="row">
            <Box>
                <Typography variant="h6" component="h6">
                    Hello world
                </Typography>
                <Typography variant="body1" component="p">
                    We are a remote developer agency based in Bangladesh,
                    working with clients around the world. As passionate designers & developer, we love building website, mobile app and UI/UX that are easy to use, accessible, engaging, and delightful.
                </Typography>
            </Box>
            <Box sx={{ svg: { width: "100px" } }}>
                <ReactSVG src={Requirement} wrapper="span" />
            </Box>
        </Stack>,
    ]
    
    const Process = () => {
        return (
            <Container id="process" maxWidth={false} component="section" disableGutters>
                <Stickyroll pages={headlines} factor={0.5}>
                    {({ pageIndex }) => {
                        return (
                            <div>
                                <h1>{headlines[pageIndex]}</h1>
                            </div>
                        );
                    }}
                </Stickyroll>
            </Container>
        );
    };
    export default Process;
    
    Reviewed by siamahnaf198 at 2022-01-03 11:53
  • 15. Question: about using throttle with hooks

    Hi, Thanks for the work on this library.

    I'm using the useStickyRoll hook and I'm having trouble implementing the throttle util in a function component, and I cannot find examples in the documentation. Any change you could provide a quick example?

    Many thanks in advance

    Reviewed by teagaal at 2021-10-22 22:44
  • 16. chore(deps): update dependency babel-plugin-istanbul to v6.1.1

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | babel-plugin-istanbul | 6.0.0 -> 6.1.1 | age | adoption | passing | confidence |


    Release Notes

    istanbuljs/babel-plugin-istanbul

    v6.1.1

    Compare Source


    Configuration

    📅 Schedule: At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, click this checkbox.

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-10-20 05:58
  • 17. chore(deps): update dependency os to v0.1.2

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | os | 0.1.1 -> 0.1.2 | age | adoption | passing | confidence |


    Release Notes

    DiegoRBaquero/node-os

    v0.1.2

    Compare Source


    Configuration

    📅 Schedule: At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, click this checkbox.

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-10-20 05:56
A toolchain for React component styling.

Radium yarn add radium # or npm install --save radium Radium is a set of tools to manage inline styles on React elements. It gives you powerful stylin

May 10, 2022
Seamless mapping of class names to CSS modules inside of React components.
Seamless mapping of class names to CSS modules inside of React components.

React CSS Modules React CSS Modules implement automatic mapping of CSS modules. Every CSS class is assigned a local-scoped identifier with a global un

May 7, 2022
CSS media queries in react - for responsive design, and more.

react-responsive Information Package react-responsive Description Media queries in react for responsive design Browser Version >= IE6* Demo The best s

May 12, 2022
Flexibly styled chat-widget for your react apps.
Flexibly styled chat-widget for your react apps.

Flexibly styled chat-widget for your react apps. It was mainly created for integration with chat-bots in messengers.

Jun 11, 2021
React visual primitives with first-class TypeScript support and a tiny footprint.

tsstyled React visual primitives with first-class TypeScript support and a tiny footprint. TL;DR: This library is a styled-components rewrite that is

Apr 7, 2022
Imersão React.js 3º edição. Project using ReactJS, Next JS, and Styled Components for the week challenge by Alura. We created a social network inspired by Orkut.

Example app with styled-components This example features how you use a different styling solution than styled-jsx that also supports universal styles.

Jul 19, 2021
Dynamic Styles for React Native and Expo Web
Dynamic Styles for React Native and Expo Web

react-native-swag-styles Dynamic Styles for React Native and Expo Web Highlights Dynamic. Based on React Hook. It automatically re-renders when necess

May 17, 2022
CSS Maid 🧹 A tool made for React.js to clean up CSS default styling! Give your CSS a nice reset and style with less hassle!
CSS Maid 🧹 A tool made for React.js to clean up CSS default styling! Give your CSS a nice reset and style with less hassle!

CSS Maid ?? What is it? CSS Maid is a tool for React.js that helps clean up & reset default css! It resets default padding, remove text-decoration on

Sep 1, 2021
🏠 Airbnb website using React, Next.js and Tailwind CSS
🏠 Airbnb website using React, Next.js and Tailwind CSS

This example shows how to use Tailwind CSS (v2.2) with Next.js. It follows the steps outlined in the official Tailwind docs.

May 2, 2022
Create tailwind css react components like styled components with classes name on multiple lines

Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering

May 11, 2022
Whirlwind is a utility-first styling framework specifically designed for React Native. It is heavily inspired by Tachyons and Tailwind CSS and uses low-level building blocks for rapidly building custom designs.

React Native Whirlwind ??️ A utility-first CSS framework designed for React Native. Whirlwind is a utility-first CSS framework specifically designed f

May 6, 2022
Style your React components with simplicity using css inside your comments.

Style your React components with simplicity using css inside your comments.

Oct 12, 2021
Minimal and performant React component library built on styled-components

Minimal and performant React component library built on styled-components

Jan 3, 2022
This repository allows you to create a React template component folder. It optionally includes scss and css files

Generate-React-Components - grc grc let you generate react components in typescript in a folder you specify and it will include .tsx, .scss, .css file

Nov 26, 2021
Vite plugin that emulates Scoped CSS for React components

vite-react-css Vite plugin that emulates Scoped CSS for React components (using generated class names) Compatible with SSR Automatic code-splitting Ho

Feb 7, 2022
Lint rules related to React & JSX for TSLint.

tslint-react Lint rules related to React & JSX for TSLint. Usage tslint-react has peer dependencies on TSLint and TypeScript. To use these lint rules

May 4, 2022
Simples Projeto Desenvolvido durante o programa DevInHouse do SENAI-SC, com o intúito de desenvolver um formulário em React utilizando Styled Components
Simples Projeto Desenvolvido durante o programa DevInHouse do SENAI-SC, com o intúito de desenvolver um formulário em React utilizando Styled Components

Simple Styled Form Simples Projeto Desenvolvido durante o programa DevInHouse do SENAI-SC, com o intúito de desenvolver um formulário em React utiliza

Oct 29, 2021
🌐 ― React/Next.js/TailwindCSS portfolio

?? ― React/Next.js/TailwindCSS portfolio

May 14, 2022
The simplest solution for content loading in React and styled-components.

styled-content-loader The simplest solution for content loading in React and styled-components. Getting Started npm install styled-components styled-c

Jul 13, 2021