Styjun

Jam with honey & without pectin has a saucy consistency always

Does an African-American baby born in Youngstown, Ohio have a higher infant mortality rate than a baby born in Iran?

Someone who is granted access to information but not expected to read it

how can non-magical soldiers gain power from a magic ritual without making its participants weaker?

Co-worker is now managing my team, does this mean that I'm being demoted?

What things do I only get a limited opportunity to take photos of?

Should I move out from my current apartment before the contract ends to save more money?

Why can't we feel the Earth's revolution?

My players want to use called-shots on Strahd

Do legislators hold the right of legislative initiative?

Support Structures for Green beans and peas

What did the 8086 (and 8088) do upon encountering an illegal instruction?

Was the Lonely Mountain, where Smaug lived, a volcano?

Reflecting Telescope Blind Spot?

How can I detect if I'm in a subshell?

Can Dive Down protect a creature against Pacifism?

What made the Ancient One do this in Endgame?

Converting 3x7 to a 1x7. Is it possible with only existing parts?

What is the context for Napoleon's quote "[the Austrians] did not know the value of five minutes"?

Why not make one big CPU core?

Manager wants to hire me; HR does not. How to proceed?

Can an opamp have its own voltage regulator?

100-doors puzzle

How can religions without a hell discourage evil-doing?

How to slide elements from out of the screen in reactJS?

Issues with jQuery slider to load content into the slide being shownHandling key events in React JSHow do you validate the PropTypes of a nested object in ReactJS?How to use radio buttons in ReactJS?Simple jQuery Slider/Carousel for Content with Left/Right Arrows & No-AutoplayReactJS - how to use commentsHow to add multiple classes to a ReactJS ComponentI want to add a css class selector to an onclick function in a vimeo-video slider/carousel plugin that came with a Timber template I boughtAnimate.css how to get it to slide in from parent container?Ability to add div element next to chart using plotly.js

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

I'm currently making my own portfolio and I didn't find a proper way to make the "github commits section" to slide from out of the page when clicking any of those 2 arrows

I know I have to modify or translate my list elements to the right/left but don't figure out a way of making it stop when it hits the first/last item. And I think I have to use state in my GithubCommits' component to make it too.

Here is some code:

class GithubSection extends Component 
render() 
 const commits = this.state.commits.map(commit => (
 <GithubCommit
 key=commit.node_id
 name=commit.author.login
 email=commit.commit.author.email
 date=commit.commit.author.date
 avatarUrl=commit.author.avatar_url
 profileUrl=commit.author.html_url
 commitMessage=commit.commit.message
 />
 ));

 return (
 <div id="github-section">
 <div className="arrow-left" onClick=this.handleClick>
 <FontAwesomeIcon icon="arrow-left" style=styles.Icon />
 </div>
 <ul>commits</ul>
 <div className="arrow-right" onClick=this.handleClick>
 <FontAwesomeIcon icon="arrow-right" style=styles.Icon />
 </div>
 </div>
 );
 

Thank you!

reactjs slider

share|improve this question

asked Mar 25 at 2:36

Agustin MolesAgustin Moles

16

add a comment | 

0

I'm currently making my own portfolio and I didn't find a proper way to make the "github commits section" to slide from out of the page when clicking any of those 2 arrows

I know I have to modify or translate my list elements to the right/left but don't figure out a way of making it stop when it hits the first/last item. And I think I have to use state in my GithubCommits' component to make it too.

Here is some code:

class GithubSection extends Component 
render() 
 const commits = this.state.commits.map(commit => (
 <GithubCommit
 key=commit.node_id
 name=commit.author.login
 email=commit.commit.author.email
 date=commit.commit.author.date
 avatarUrl=commit.author.avatar_url
 profileUrl=commit.author.html_url
 commitMessage=commit.commit.message
 />
 ));

 return (
 <div id="github-section">
 <div className="arrow-left" onClick=this.handleClick>
 <FontAwesomeIcon icon="arrow-left" style=styles.Icon />
 </div>
 <ul>commits</ul>
 <div className="arrow-right" onClick=this.handleClick>
 <FontAwesomeIcon icon="arrow-right" style=styles.Icon />
 </div>
 </div>
 );
 

Thank you!

reactjs slider

share|improve this question

asked Mar 25 at 2:36

Agustin MolesAgustin Moles

16

add a comment | 

I'm currently making my own portfolio and I didn't find a proper way to make the "github commits section" to slide from out of the page when clicking any of those 2 arrows

I know I have to modify or translate my list elements to the right/left but don't figure out a way of making it stop when it hits the first/last item. And I think I have to use state in my GithubCommits' component to make it too.

Here is some code:

class GithubSection extends Component 
render() 
 const commits = this.state.commits.map(commit => (
 <GithubCommit
 key=commit.node_id
 name=commit.author.login
 email=commit.commit.author.email
 date=commit.commit.author.date
 avatarUrl=commit.author.avatar_url
 profileUrl=commit.author.html_url
 commitMessage=commit.commit.message
 />
 ));

 return (
 <div id="github-section">
 <div className="arrow-left" onClick=this.handleClick>
 <FontAwesomeIcon icon="arrow-left" style=styles.Icon />
 </div>
 <ul>commits</ul>
 <div className="arrow-right" onClick=this.handleClick>
 <FontAwesomeIcon icon="arrow-right" style=styles.Icon />
 </div>
 </div>
 );
 

Thank you!

reactjs slider

share|improve this question

asked Mar 25 at 2:36

Agustin MolesAgustin Moles

16

class GithubSection extends Component 
render() 
 const commits = this.state.commits.map(commit => (
 <GithubCommit
 key=commit.node_id
 name=commit.author.login
 email=commit.commit.author.email
 date=commit.commit.author.date
 avatarUrl=commit.author.avatar_url
 profileUrl=commit.author.html_url
 commitMessage=commit.commit.message
 />
 ));

 return (
 <div id="github-section">
 <div className="arrow-left" onClick=this.handleClick>
 <FontAwesomeIcon icon="arrow-left" style=styles.Icon />
 </div>
 <ul>commits</ul>
 <div className="arrow-right" onClick=this.handleClick>
 <FontAwesomeIcon icon="arrow-right" style=styles.Icon />
 </div>
 </div>
 );
 

share|improve this question

asked Mar 25 at 2:36

Agustin MolesAgustin Moles

16

share|improve this question

asked Mar 25 at 2:36

Agustin MolesAgustin Moles

16

asked Mar 25 at 2:36

Agustin MolesAgustin Moles

16

asked Mar 25 at 2:36

Agustin MolesAgustin Moles

16