Stream of Reading (Prepare to be Forwarded) – An Archive of What I'm Reading
Improving Post New Before I get into it, I’m going to need help to get some of these projects going. If you see something you’re interested in working on, let me know in the comments. The following project proposals are not intended to be a single feature plugin because they are separate projects with separate…
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
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…
How JavaScript Event Delegation Works content One of the hot methodologies in the JavaScript world is event delegation, and for good reason. Event delegation allows you to avoid adding event listeners to specific nodes; instead, the event listener is added to one parent. That event listener analyzes bubbled events to find a match on child…
Every friend I have with a job that involves picking up something heavier than a laptop more than twice a week eventually finds a way to slip something like this into conversation: “Bro, you don’t work hard. I just worked a 4700-hour week digging a tunnel under Mordor with a screwdriver.” They have a point….
Angular 2 has reached Beta and appears poised to become the hot new framework of 2016. It’s time for a showdown. Let’s see how it stacks up against 2015’s darling: React. Disclaimer: I enjoyed working in Angular 1 but switched to React in 2015. I just published a Pluralsight course on React and Flux (free trial). So yes, I’m biased. But…
My post about leaving the FreeBSD community has now been viewed significantly more than when I posted about being SWATed. While I expected people to take notice, that surprised me. There’s been a lot of feedback, and I’ve been watching all of it. It’s gone about as well as I guessed it would. There’s been…