| function PrivateRoute ({component: Component, authenticated, ...rest}) { | |
| return ( | |
| <Route | |
| {...rest} | |
| render={(props) => authenticated === true | |
| ? <Component {...props} /> | |
| : <Redirect to={{pathname: '/login', state: {from: props.location}}} />} | |
| /> | |
| ) | |
| } |
| $.fn.quickChange = function(handler) { | |
| return this.each(function() { | |
| var self = this; | |
| self.qcindex = self.selectedIndex; | |
| var interval; | |
| function handleChange() { | |
| if (self.selectedIndex != self.qcindex) { | |
| self.qcindex = self.selectedIndex; | |
| handler.apply(self); | |
| } |
Below are a small collection of React examples to get anyone started using React. They progress from simpler to more complex/full featured.
They will hopefully get you over the initial learning curve of the hard parts of React (JSX, props vs. state, lifecycle events, etc).
You will want to create an index.html file and copy/paste the contents of 1-base.html and then create a scripts.js file and copy/paste the contents of one of the examples into it.
| Steps: | |
| Set up EBS | |
| 21Created 1 TB EBS | |
| Created 64 Bit Amazon Linux AMI 2012.09 M1 Medium 3.7 gb ram, 2 ECUs | |
| Connect to ec2 instance via ssh | |
| chmod 400 IFS-KeyPair.pem | |
| ssh -v -i IFS-KeyPair.pem ec2-user@ec2-54-234-14-65.compute-1.amazonaws.com | |
| Note: Do not replace ec2-user with your user id. This is a AWS Amazon AMI requirement. |