npmpackage.info

Gathering detailed insights and metrics for react-loading-infinite-scroller

Other packages similar to react-loading-infinite-scroller

react-infinite-scroller

1.2.6

Infinite scroll component for React in ES6

@types/react-infinite-scroller

1.2.5

TypeScript definitions for react-infinite-scroller

react-infinite-scroll-hook

5.0.1

A simple hook to create infinite scroll components

react-infinite-scroll-component

6.1.0

An Infinite Scroll component in react.

Gathering detailed insights and metrics for react-loading-infinite-scroller

react-loading-infinite-scroller

Wrapper of react-infinite-scroller to shape better with a loading request list rendering

1.5.1

MPL-2.0

JavaScript

55,365 1.7

Installations

npm install react-loading-infinite-scroller

Pull Requests

Open

14

Total

19

Closed

3

Merged

2

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Developer

betagouv

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

No

Node Version

8.15.0

NPM Version

6.11.3 Statistics

28 Commits

9 Watching

16 Branches

14 Contributors

Updated on 30 Jul 2020

Languages

JavaScript (81.83%)

Shell (18.17%)

Total Downloads

Cumulative downloads

Total Downloads

55,365

Last day

Compared to previous day

Last week

Compared to previous week

Last month

50%

Compared to previous month

Last year

-96.5%

347

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

react-loading-infinite-scroller

Basic Usage

1import LoadingInfiniteScroll from 'loading-infinite-scroller'
2import { assignData, requestData } from 'pass-culture-shared'
3import React, { Component } from 'react'
4import { connect } from 'react-redux'
5import { withRouter } from 'react-router-dom'
6import { compose } from 'redux'
7
8
9class FoosPage extends Component {
10  constructor (props) {
11    super(props)
12    const { dispatch } = props
13
14    this.state = {
15      hasMore: false,
16      isLoading: false
17    }
18
19    dispatch(assignData({ foos: [] }))
20  }
21
22  componentDidMount() {
23    this.handleRequestData()
24  }
25
26  componentDidUpdate(prevProps) {
27    const { location } = this.props
28    if (location.search !== prevProps.location.search) {
29      this.handleRequestData()
30    }
31  }
32
33  handleRequestData = (handleSuccess, handleFail) => {
34    const { user, dispatch, location } = this.props
35    const { search } = location
36
37    const path = `foos${search}`
38
39    this.setState({ isLoading: true }, () => {
40      dispatch(
41        requestData('GET', path, {
42          handleFail: () => {
43            this.setState({
44              hasMore: false,
45              isLoading: false
46            })
47          },
48          handleSuccess: (state, action) => {
49            this.setState({
50              hasMore: action.data && action.data.length > 0,
51              isLoading: false
52            })
53          }
54        })
55      )
56    })
57
58  render () {
59    const { foos, query } = this.props
60    const { hasMore, isLoading } = this.state
61
62    return (
63      <LoadingInfiniteScroll
64          hasMore={hasMore}
65          isLoading={isLoading}
66          useWindow
67        >
68          {
69            foos.map(offerer =>
70              <OffererItem article={foo} key={foo.id} />
71            )
72          }
73        </LoadingInfiniteScroll>
74    )
75  }
76}
77
78FoosPage.defaultProps = {
79  foos: null
80}
81
82FoosPage.propTypes = {
83  foos: PropTypes.array
84}
85
86function mapStateToProps(state) {
87  return {
88    foos: state.data.foos
89  }
90}
91
92export default compose(
93  withRouter,
94  connect(mapStateToProps)
95)(FoosPage)

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

53 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-6chw-6frg-f759
Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw
Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
Warn: Project is vulnerable to: GHSA-cwfw-4gq5-mrqx
Warn: Project is vulnerable to: GHSA-g95f-p29q-9xw4
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5
Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
Warn: Project is vulnerable to: GHSA-ff7x-qrg7-qggm
Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3
Warn: Project is vulnerable to: MAL-2023-462
Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97
Warn: Project is vulnerable to: GHSA-62gr-4qp9-h98f
Warn: Project is vulnerable to: GHSA-f52g-6jhx-586p
Warn: Project is vulnerable to: GHSA-2cf5-4w76-r9qv
Warn: Project is vulnerable to: GHSA-3cqr-58rm-57f8
Warn: Project is vulnerable to: GHSA-g9r4-xpmj-mj65
Warn: Project is vulnerable to: GHSA-q2c6-c6pm-g3gh
Warn: Project is vulnerable to: GHSA-765h-qjxv-5f44
Warn: Project is vulnerable to: GHSA-f2jv-r9rf-7988
Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj
Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37
Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp
Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m / GHSA-xvch-5gv4-984h
Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p
Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr
Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9
Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw
Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc
Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh
Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p
Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
Warn: Project is vulnerable to: GHSA-332q-7ff2-57h2
Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693
Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh
Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp

Score

1.7

/10

Last Scanned on 2024-11-25

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to react-loading-infinite-scroller

Other packages similar to react-loading-infinite-scroller

react-loading-infinite-scroller

Installations

Pull Requests

14

19

3

2

Issues

0

0

0

Releases

Unable to fetch releases

Developer

betagouv

Developer Guide

CommonJS

No

8.15.0

6.11.3

Statistics

Languages

Total Downloads

55,365

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Dev Dependencies

react-loading-infinite-scroller

Basic Usage

10

10

0

0

0

0

0

0

0

0

1.7

/10