Stream of Reading (Prepare to be Forwarded) – An Archive of What I'm Reading
Years ago, I worked on a reality show about a group of big-haired girls who ran a cutthroat skating school. They all had drinking problems, personality disorders, and boyfriends in a white rap group. Imagine three Tonya Hardings in one room, and you get the idea. To you, this may sound like sweet, beautiful, trash…
Introducing Knife: The Start-Up That’s a Knife. Hello, “Yo, Games” staff! Thank you for meeting me in the alleyway behind Carl’s Jr. Does anyone need water? Chips? A baggie of oregano I intend to sell to pre-teens? Yes, it’s me. Some of you might recognize me as the Yo, Games! intern let go for his…
yay, front page. Send pictures of your cars. or boobs. or your most fucked up source code. Check this out: https://www.codingame.com/start A website where you solve games by coding the AI. I can relate to a lot of that – Imgur. Source: I can relate to a lot of that – Imgur
Since Disney bought out Lucasfilm back in 2012 and announced they were expanding the Star Wars universe far beyond anything we’ve ever seen, there has been a constant stream of rumors and speculation about what we might see in the future. One that just won’t go away is a potential trilogy based on legendary…
Harvard Business Review (HBR) is the leading destination for smart management thinking. Through its flagship magazine, books, and digital content and tools published on HBR.org, Harvard Business Review aims to provide professionals around the world with rigorous insights and best practices to help lead themselves and their organizations more effectively and to make a positive…
Senior News Applications Developer The Chicago Tribune Data Visualization team is looking for a senior news applications developer. We are Chicagoland’s dominant news organization, a fast-moving and vital place to do journalism. Description We are focused on using data to tell the most important Chicago stories. Our group reports, analyzes, conceptualizes and builds news applications,…
Communicate Between Components For parent-child communication, simply pass props. For child-parent communication: Say your GroceryList component has a list of items generated through an array. When a list item is clicked, you want to display its name: var GroceryList = React.createClass({ handleClick: function(i) { console.log(‘You clicked: ‘ + this.props.items[i]); }, render: function() { return (…
Expose Component Functions There’s another (uncommon) way of communicating between components: simply expose a method on the child component for the parent to call. Say a list of todos, which upon clicking get removed. If there’s only one unfinished todo left, animate it: var Todo = React.createClass({ render: function() { return {this.props.title}; }, //this component…
You’ve already learned how to display data with React. Now let’s look at how to make our UIs interactive. A Simple Example # var LikeButton = React.createClass({ getInitialState: function() { return {liked: false}; }, handleClick: function(event) { this.setState({liked: !this.state.liked}); }, render: function() { var text = this.state.liked ? ‘like’ : ‘haven’t liked’; return ( You…
When designing interfaces, break down the common design elements (buttons, form fields, layout components, etc.) into reusable components with well-defined interfaces. That way, the next time you need to build some UI, you can write much less code. This means faster development time, fewer bugs, and fewer bytes down the wire. Prop Validation # As…