Roadmap to Stable Release #13

Closed
eddywashere opened this Issue Mar 27, 2016 · 21 comments

Comments

Projects
None yet
@eddywashere
Member

eddywashere commented Mar 27, 2016

Some of these items include nested components, listing only top level sections.

  • Tables
  • Container
  • Row
  • Col
  • Button
  • ButtonGroup
  • ButtonDropdown
  • Dropdown
  • Modal
  • Popover
  • Tag
  • Card
  • Tooltip
  • Navbar
  • Nav
    • TabContent, TabPane
  • Forms (In Progress)
  • Jumbotron
  • InputGroup
  • Alert
  • MediaObject
  • Breadcrumb
  • Pagination
  • Progress
  • ListGroup
  • Scrollspy
  • Collapse
  • Carousel
  • Utilities
  • Better Documentation for customizing component output with tag prop

Each component should have an individual issue to track status that contains the following

  • any component names necessary
  • propTypes for each component
  • example react markup

@eddywashere eddywashere added this to the 1.0 milestone Mar 27, 2016

@eddywashere eddywashere changed the title from Roadmap to v1 to Roadmap to v2 Mar 27, 2016

@eddywashere eddywashere changed the title from Roadmap to v2 to Roadmap to Stable Release Jul 31, 2016

@eddywashere

This comment has been minimized.

Show comment
Hide comment
@eddywashere

eddywashere Jul 31, 2016

Member

Moving these to individual issues. I'd like to be able to sort these issues by reactions on the issue description. More 👍's by the community would hopefully mean a higher priority.

Member

eddywashere commented Jul 31, 2016

Moving these to individual issues. I'd like to be able to sort these issues by reactions on the issue description. More 👍's by the community would hopefully mean a higher priority.

@spark-studio

This comment has been minimized.

Show comment
Hide comment
@spark-studio

spark-studio Nov 9, 2016

is there any example i can use about React Router with reactstrap?
thnks

is there any example i can use about React Router with reactstrap?
thnks

@eddywashere

This comment has been minimized.

Show comment
Hide comment
@eddywashere

eddywashere Dec 18, 2016

Member

@sidekickstudio a little late, but check out the docs, it uses react router and passes through Link to the tag prop of link components. ex:

<NavLink tag={Link} className="nav-link" to="/components/" activeClassName="active">Components</NavLink>

Member

eddywashere commented Dec 18, 2016

@sidekickstudio a little late, but check out the docs, it uses react router and passes through Link to the tag prop of link components. ex:

<NavLink tag={Link} className="nav-link" to="/components/" activeClassName="active">Components</NavLink>

@mjdease mjdease referenced this issue in DefinitelyTyped/DefinitelyTyped Jun 12, 2017

Open

[@types/reactstrap] Support react-router props #17123

4 of 4 tasks complete
@georgiosd

This comment has been minimized.

Show comment
Hide comment
@georgiosd

georgiosd Jun 18, 2017

No typeahead/autocomplete? :(

No typeahead/autocomplete? :(

@TheSharpieOne

This comment has been minimized.

Show comment
Hide comment
@TheSharpieOne

TheSharpieOne Jun 19, 2017

Member

@georgiosd this project aims to support what bootstrap itself supports and bootstrap doesn't support typeahead/autocomplete out of the box AFAIK.

Member

TheSharpieOne commented Jun 19, 2017

@georgiosd this project aims to support what bootstrap itself supports and bootstrap doesn't support typeahead/autocomplete out of the box AFAIK.

@stevokk

This comment has been minimized.

Show comment
Hide comment
@stevokk

stevokk Jun 28, 2017

@georgiosd check out react-autosuggest - I've got it up and running fairly easily, it uses AutoWhatever under the hood allowing you to theme it with bootstrap classes.

stevokk commented Jun 28, 2017

@georgiosd check out react-autosuggest - I've got it up and running fairly easily, it uses AutoWhatever under the hood allowing you to theme it with bootstrap classes.

@cr101

This comment has been minimized.

Show comment
Hide comment
@cr101

cr101 Jun 28, 2017

@stevokk Does react-autosuggest work with non-hard-coded suggestions? As in, retrieving the suggestions from the database based the on user input?

cr101 commented Jun 28, 2017

@stevokk Does react-autosuggest work with non-hard-coded suggestions? As in, retrieving the suggestions from the database based the on user input?

@stevokk

This comment has been minimized.

Show comment
Hide comment
@stevokk

stevokk Jun 28, 2017

I load all my data to search on component mount as it is a small dataset, but I see no issue using the following to accomplish it:

  // Called by AutoSuggest on field change
  onChange(event, { newValue }) {
    this.setState({
      searchTerm: newValue
    });
  }

  // Autosuggest will call this function every time you need to update suggestions.
  // 
  onSuggestionsFetchRequested({ value }) {
    fetch(`${API_URL}/search?q=${this.state.searchTerm}`)
        .then((response) => this.setState({searchResults: response}));
  }

stevokk commented Jun 28, 2017

I load all my data to search on component mount as it is a small dataset, but I see no issue using the following to accomplish it:

  // Called by AutoSuggest on field change
  onChange(event, { newValue }) {
    this.setState({
      searchTerm: newValue
    });
  }

  // Autosuggest will call this function every time you need to update suggestions.
  // 
  onSuggestionsFetchRequested({ value }) {
    fetch(`${API_URL}/search?q=${this.state.searchTerm}`)
        .then((response) => this.setState({searchResults: response}));
  }
@cr101

This comment has been minimized.

Show comment
Hide comment
@cr101

cr101 Jun 28, 2017

@stevokk I'd like to implement an instant search and that might work. Thanks

cr101 commented Jun 28, 2017

@stevokk I'd like to implement an instant search and that might work. Thanks

@mpartipilo mpartipilo referenced this issue Aug 14, 2017

Closed

Carousel #80

2 of 2 tasks complete
@RohanDamani

This comment has been minimized.

Show comment
Hide comment
@RohanDamani

RohanDamani Aug 14, 2017

I see Row and Col, will there be a solution for Grid?

I see Row and Col, will there be a solution for Grid?

@TheSharpieOne

This comment has been minimized.

Show comment
Hide comment
@TheSharpieOne

TheSharpieOne Aug 15, 2017

Member

@RohanDamani reactstrap support what bootstrap supports and bootstrap says nope

Member

TheSharpieOne commented Aug 15, 2017

@RohanDamani reactstrap support what bootstrap supports and bootstrap says nope

@joeldsouzax

This comment has been minimized.

Show comment
Hide comment
@joeldsouzax

joeldsouzax Dec 5, 2017

Hey, does this support bootstrap flex?

Hey, does this support bootstrap flex?

@TheSharpieOne

This comment has been minimized.

Show comment
Hide comment
@TheSharpieOne

TheSharpieOne Dec 5, 2017

Member

It supports bootstrap layouts which use flexbox.
You can also add the flexbox utilities to components, but there currently is no utility props.

Member

TheSharpieOne commented Dec 5, 2017

It supports bootstrap layouts which use flexbox.
You can also add the flexbox utilities to components, but there currently is no utility props.

@AshishKapoor

This comment has been minimized.

Show comment
Hide comment
@AshishKapoor

AshishKapoor Dec 6, 2017

No responsive images?

No responsive images?

@TheSharpieOne

This comment has been minimized.

Show comment
Hide comment
@TheSharpieOne

TheSharpieOne Dec 6, 2017

Member

There is no special code/js for responsive images, just the css via a class. Since it is just the class and no variations there is no component for it. You just have to add className to your img tag. This is similar for utility type classes.

Member

TheSharpieOne commented Dec 6, 2017

There is no special code/js for responsive images, just the css via a class. Since it is just the class and no variations there is no component for it. You just have to add className to your img tag. This is similar for utility type classes.

@Lug16

This comment has been minimized.

Show comment
Hide comment
@Lug16

Lug16 Jan 11, 2018

Great tool. Any plans on "Scrollspy"?

Lug16 commented Jan 11, 2018

Great tool. Any plans on "Scrollspy"?

@salilchhetri

This comment has been minimized.

Show comment
Hide comment
@salilchhetri

salilchhetri Jan 12, 2018

4.x introduced some breaking changes, you'll need to import Link from react-router-dom.
import { Link } from 'react-router-dom'

4.x introduced some breaking changes, you'll need to import Link from react-router-dom.
import { Link } from 'react-router-dom'

@dkati

This comment has been minimized.

Show comment
Hide comment
@dkati

dkati Mar 20, 2018

good evening ? any way to show charts (any kind of it) with reactstrap ?
cant find anything

dkati commented Mar 20, 2018

good evening ? any way to show charts (any kind of it) with reactstrap ?
cant find anything

@TheSharpieOne

This comment has been minimized.

Show comment
Hide comment
@TheSharpieOne

TheSharpieOne Mar 20, 2018

Member

Bootstrap doesn't have charts so neither does reactstrap.

Member

TheSharpieOne commented Mar 20, 2018

Bootstrap doesn't have charts so neither does reactstrap.

@elisechant

This comment has been minimized.

Show comment
Hide comment
@elisechant

elisechant Apr 1, 2018

Contributor

Icons ?

Contributor

elisechant commented Apr 1, 2018

Icons ?

@TheSharpieOne

This comment has been minimized.

Show comment
Hide comment
@TheSharpieOne

TheSharpieOne Apr 1, 2018

Member

Bootstrap v4 doesn't have icons, it's a separate package. You can include them and use them the same was with reactstrap as you would with bootstrap.

Member

TheSharpieOne commented Apr 1, 2018

Bootstrap v4 doesn't have icons, it's a separate package. You can include them and use them the same was with reactstrap as you would with bootstrap.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment