Image for post
Image for post
Photo by Pankaj Patel on Unsplash

Animations make an interface feel alive. They are a great asset for creatives to offer a memorable experience for your users.

I used to be a stranger to this topic, but I have learned a couple of things that might be helpful to you. Let’s dive in.

Intro

At the end, every animation will happen changing some CSS property at some moment in time.

Using “transition” and “animation” CSS properties you can achieve simple animations:

Basic transition example.
Basic keyframes example.

Try playing around with “transition” and “animation” properties. …


Image for post
Image for post
Photo by Moosend

Deep links allow to share your content with your users with the best experience possible

Two days ago I was building a website for one of my side projects — a mobile phone app to meet people to play board games with — and I wanted to create links to its social medias. I created some nice looking icons and pointed the href attribute to the different accounts and voilà !

Yet, when later tested them on mobile phones my Twitter app wasn’t opening when I would click the link. That’s usually a big barrier for people to follow you because they don’t use to be already logged in their browsers when they have the app installed. …


Image for post
Image for post
I did this, you can use this image for whatever you want if you credit this series of articles :)

This is the fifth chapter of a series of articles called “How I fell in love with React” where I will share with you everything I have learnt and done in my first month using React (from August 15th to September 15th, 2016).

You can find past chapters here:


Image for post
Image for post
I did this, you can use this image for whatever you want if you credit this series of articles :)

This is the fifth chapter of a series of articles called “How I fell in love with React” where I will share with you everything I have learnt and done in my first month using React (from August 15th to September 15th, 2016).

You can find past chapters here:

I ended up choosing a carousel-like menu navigation that many applications use. Funnily, I realized later that Youtube mobile application (which I use almost everyday) has that exact system. …


Image for post
Image for post
I did this, you can use this image for whatever you want if you credit this series of articles :)

This is the fourth chapter of a series of articles called “How I fell in love with React” where I will share with you everything I have learnt and done in my first month using React (from August 15th to September 15th, 2016).

You can find past chapters here:

When I faced this situation one month ago I felt like there were tons of good examples done step by step with meaningful explanations (contrary to good environment set up guides). But you know what is frequently said: it is better to have 3 basic choices than 20 specific…


Image for post
Image for post
I did this, you can use this image for whatever you want if you credit this series of articles :)

This is the third chapter of a series of articles called “How I fell in love with React” where I will share with you everything I have learnt and done in my first month using React (from August 15th to September 15th, 2016).

You can find past chapters here:

If you copy-paste Hello World example code from last chapter:

var HelloWorld = () => {
return (<div>Hello world</div>)…


Image for post
Image for post
I did this, you can use this image for whatever you want if you credit this series of articles :)

This is the second part of a series of articles called How I fell in love with React, where I will share with you everything I have learnt and done in my first month using React (from August 15th to September 15th, 2016).

If you have not read the Part 0: Background, I highly recommend you to do it before reading this one to know a bit about myself and how I approached this.

When I discovered React my first react-ion (okay, not best joke ever) was to figure out what this library built by Facebook is and what does it solve. …


Image for post
Image for post

Introduction

Welcome to this series of articles I named “How I fell in love with React” where I’ll share with you everything I’ve learnt in my first month using React.

Before starting I want to add that this is my first series of articles. Aswell as this is my first Medium article ever. But I’ve read plenty of them in the last months with the goal of learning how people actually share their experiences and knowledge. Also, I’m not a React expert yet so don’t expect perfect code or think that all I say is 100% right.

This being said, I hope you’ll enjoy this as much as I enjoyed writing it. …

About

Enzo Ferey

Learning to be the developer you want to work with | React.js lover | Maker | www.enzoferey.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store