Pedro J. Parra

108 Flips | 3 Magazines | 14 Likes | 3 Following | 9 Followers | @pedroparrac5lsl | Keep up with Pedro J. Parra on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Pedro J. Parra”

13 design tools and websites that are godsends for UI/UX designers

The continuous improvement of design tools has had a positive impact on usability and user experience. This has provided great convenience not only …

React Components & Libraries

• Official website: devarchy.com/react<br>• Use devarchy to add a library to the catalog<br>• This readme is updated when a Library is approved on Devarchy. …

Things I wish I knew about Redux

I’ve been working on React/Redux apps for about a year. I wish I knew these things when I started.<p>Looking back, these things should have been obvious …

Using create-react-app with React Router, Express.js and Docker

An Introduction To Redux

Redux is one of the hottest libraries in front-end development these days. However, many people are confused about what it is and what its benefits …

The SoundCloud Client in React + Redux - RWieruch

- Edit this Post on GitHub<p><i>This month, all my articles are sponsored by TRUMPF Laser GmbH. The german company I worked with is using a sophisticated</i> …

How to Build a Todo App Using React, Redux, and Immutable.js

<b>This article was rewritten on 3rd May, 2016. Comments relating to mistakes in the original article have been removed.</b>The way React uses components …

An Introduction to React Redux (Part 1)

I’m on vacation right now, enjoying skiing by day at the lovely town and resort of Breckenridge. I did give myself something to do over the vacation, …

5 React Native Open Source Projects To Learn From

Best way to learn writing software is to read open source code — Every Senior Programmer.<p><i>Article first appeared on my personal …

Tutorial: Let's Build a Redux Powered React Application

In this blogpost, we’ll dig into Redux and learn why it’s valuable when building a React application. I’ll also walk you through building your first …

React Native Tutorial – Building Your First iOS App With JavaScript (Part 1)

• 22 min read<br>• Mobile, JavaScript, Apps, iOS, React, Swift<p>Smashing Newsletter<p>Upgrade your inbox and get our editors’ picks twice a month.<p>With useful tips …

Introduction to Immutable.js and Functional Programming Concepts

Functional programming has been on the rise the last few years. Languages such as Clojure, Scala and Haskell have brought to the eyes of imperative …

Ink Transition Effect in CSS and jQuery

In our case, though, we want to center the first frame of the ink.png sprite, and since div.bg-layer width is 25 times the one of its parent, we use …

Technical Specifications - Animated

My SublimeText-killer Atom setup for developing React apps — Unhandled Exception

TL;DR: VS Code is good for ng2 apps but isn’t good enough for react. Just install Atom (if you haven’t already, open a t…

UPLABS Daily Showcase - Uplabs

<b>The Global Network For Creatives</b><p>Uplabs is the leading community of creatives, offering the best digital inspiration and downloads, every day.

Adding A Robust Form Validation To React Redux Apps

Form validation is vital because it helps with the UX. It helps user know that there is something wrong with what they’ve entered or if they’ve …

A Guide For Building A React Redux CRUD App

Building a single-page CRUD app using React and Redux can be challenging because you’ll have to deal w/ new techniques and terms like “Reducers”, …

🎈🎉 The Complete List of User Experience (UX) Resources & Tools 🎉🎈

Over the years I’ve collected a ton of different resources to help me with my product & UX work. I’ve signed up for dozens of newsletters and blog …

Testing in React: Getting Off The Ground

A high level guide into testing your React Application<p>The following is intended as a lightweight introduction into testing in React.<p><b>UI testing</b><p>Testing …

Functional Programming for JavaScript People

<i>(</i><i>Japanese</i><i>,</i> <i>Chinese</i><i>)</i><p>Like many of you, I started hearing a lot about functional programming several months ago and I had no idea what it was. It was …

Programming

Three Rules For Structuring (Redux) Applications

In this series we are looking at code organization in the context of a React and Redux application. The takeaways for the “Three Rules” presented …

JavaScript

Enzyme: JavaScript Testing utilities for React

By Leland Richardson<p>Testing code is crucial for the maintainability of a complex code base, but it is just as important that tests are easy to write, …

Build production ready universal apps easily

Clone this project<p>Make your changes. Add a package, add authentication, modify the file structure, replace Redux with MobX or anything else.<p>In this …

Test Driven React Tutorial

Testing is an important part of the development cycle. There is a name for code without tests: legacy code. When I first started learning React and …

Go by Example

Go is an open source programming language designed for building simple, fast, and reliable software.<p><i>Go by Example</i> is a hands-on introduction to Go …

Programming Languages

Mutating An Array During .forEach() Iteration In JavaScript

Ben Nadel demonstrates the safety of the .forEach() iterator in JavaScript; and, that it can be made even more safe when used in conjunction with …

A gentle introduction to React Motion

React is great, I am having a lot of fun playing around with it for the past few weeks. I decided to take a shot and try out React Motion. It was a …

The Joys of Block Scoping with ES6 — SitePoint

<i>This article is part of a web development series from Microsoft. Thank you for supporting the partners who make SitePoint possible.</i><p>Brendan Eich …

Immutable.js practical guide

In this blog post, I'll try to give a brief, practical and easy to understand introduction to Immutable.js library. Why should you use it, a …