Pedro J. Parra

108 Added | 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 …

UX Design

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. …

Software Engineering

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

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 …

JavaScript

The SoundCloud Client in React + Redux - RWieruch

- Edit this Post on GitHub<p>In the beginning of 2016 it was time for me to deep dive into the ReactJs world. I read tons of articles about React and …

JavaScript

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 …

JavaScript

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

Fast-forward a couple of months, and I’m confident enough to say I may never write an iOS app in Objective-C or Swift again.<p>Reading such a bold …

JavaScript

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

An ink bleed transition effect, powered by CSS animations.<p><b>Browser support</b><p>ie<br>• Chrome<br>• Firefox<br>• Safari<br>• Opera<p>9+<p>I recently came across a couple of websites …

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…

Apps

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.

Marketing

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 …

JavaScript

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”, …

JavaScript

🎈🎉 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 …

UX Design

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 …

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 …

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 …

JavaScript

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 …

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 …

JavaScript

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 …

JavaScript

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 …

JavaScript