jonidelv

Hey! my name is

Jonatan del Valle

With more than a decade of experience, I specialize in building

web architectures and design systems

I've worked with major companies such as Verizon, Crackle and

led frontend engineering at startups like Metrica Sports

Additionally, I’ve built and sold a product with 2500+

users. Led full-stack development, marketing, and

company operations from inception to acquisition

While I like doing frontend and UI interfaces, I also have

experience in backend , mobile and Web3 development

I like to follow pixel-perfect approaches, ensuring designs are

transformed into code exactly as they were envisioned

20:55:28

Are you available for a quick call?

Now

I'm always available to talk about the possibility of working

together! here's my Cal to schedule a call

20:55:28

Find me at

Twitter

Github

Projects

Layerdolls

Fast and easy way to collect, organize, and bookmark any link on the web.

Layerdolls

Fast and easy way to collect, organize, and bookmark any link on the web.

Snaptalky

Share your chat and crafts replies that learn from your responses and adapt to your context.

Planeclip

Your all in one flight companion. Real time updates, instant alerts, and delay predictions, so you're always the first to know and rebook.

Planeclip

Your all in one flight companion. Real time updates, instant alerts, and delay predictions, so you're always the first to know and rebook.

Instacalorie

Effortlessly track your nutrition. Snap a photo of your meal, and the app instantly analyzes it to count all the calories and macros.

React and Redux starter

open source Yeoman generator

Writings

Controlled & Uncontrolled components

Two different ways to handle inputs

Refs, React and Redux

Use Refs when handling connected components to Redux

React synthetic event

Things to take into account when working with events in React

Computed properties in React

Achieving computed properties the right way

Fragments

Use Fragments or its shorthand <> to prevent divs

React Portals

What are Portals? How and when to use it

Functional components to Pure

Transform a React functional component into to pure

Use of closures In React

Make use of closures in React when handling events

Spread attributes and destructuring props

How to use spread attributes and destructuring props in React components

Constructor in React components

Constructor in React ES6 class components

React performance

Things to take into account with React and Redux

React performance

Things to take into account with React and Redux

Redux store

How to create the Redux store if we want to consume it from anywhere

I'm currently available for freelance

My work experience

Velocity Labs

Full Stack Engineer

2025 — Now

Broadly

Frontend Engineer / Full Stack

2021 — 2025

Lifestage Solutions

Frontend Engineer / Full Stack

2020 — 2021

Metrica Sports

Frontend Engineer / Full Stack

2018 — 2020

Verizon Media

Frontend Engineer

2017 — 2018

Crackle

Frontend Engineer

2016 — 2017

Sys Garage

Frontend Developer

2016 — 2016

Dos al Cubo

UI Developer

2015 — 2016

Startup (acq)

Bookmark manager that gained 2500 users and
was later acquired. See it live

Startup (acq)

Bookmark manager that gained 2500 users and
was later acquired. See it live

Talks

CSS Positioning

How to use CSS, main features

React hooks

Use hooks with its bests recipes

React context

New context API

Emotion JS

One of the best CSS-in-JS lib for React

Prettier

Advantages and disadvantages

Javascript new features

op ES6 features

Why React

React over others frontend frameworks

Currently in 🇪🇸 Barcelona (GMT+2)

My work experience

Broadly

Frontend Eng / Full Stack

2021 — 2025

Lifestage Solutions

Frontend Eng / Full Stack

2020 — 2021

Metrica Sports

Frontend Eng / Full Stack

2018 — 2020

Verizon Media

Frontend Engineer

2017 — 2018

Crackle

Frontend Engineer

2016 — 2017

Sys Garage

Frontend Developer

2016 — 2016

Dos al Cubo

UI Developer

2015 — 2016

Velocity Labs

Full Stack Engineer / Web3

2025 — Now

Talks

CSS Positioning

How to use CSS, main features

React hooks

Use hooks with its bests recipes

React context

New context API

Emotion JS

One of the best CSS-in-JS lib for React

Prettier

Advantages and disadvantages

Javascript new features

op ES6 features

Why React

React over others frontend frameworks

Writings

Controlled & Uncontrolled components

Two different ways to handle inputs

Refs, React and Redux

Use Refs when handling connected components to Redux

React synthetic event

Things to take into account when working with events in React

Redux store

How to create the Redux store if we want to consume it from anywhere

Computed properties in React

Achieving computed properties the right way

Fragments

Use Fragments or its shorthand “<>” to prevent divs

React Portals

What are Portals? How and when to use it

Functional components to Pure

Transform a React functional component into to pure

Use of closures In React

Make use of closures in React when handling events

Spread attributes and destructuring props

How to use spread attributes and destructuring props in React components

Constructor in React components

Constructor in React ES6 class components

React performance

Things to take into account with React and Redux

Projects

Layerdolls

Fast and easy way to collect, organize, and bookmark any link on the web.

Snaptalky

Share your chat and crafts replies that learn from your responses and adapt to your context.

Planeclip

Your all in one flight companion. Real time updates, instant alerts, and delay predictions, so you're always the first to know and rebook.

Instacalorie

Effortlessly track your nutrition. Snap a photo of your meal, and the app instantly analyzes it to count all the calories and macros.

Find me at

Twitter

Github

Startup (acq)

Bookmark manager that gained 2500 users and
was later acquired. See it live

Hey! my name is

Jonatan del Valle

With more than a decade of experience, I specialize in buildingweb architectures and design systems

I've worked with major companies such as Verizon, Crackle and led frontend engineering at startups like Metrica Sports

Additionally, I’ve built and sold a product with 2500+ users. Led full-stack development, marketing, and company operations from inception to acquisition

While I like doing frontend and UI interfaces, I also have experience in backend, mobile and Web3 development

I like to follow pixel-perfect approaches, ensuring designs are transformed into code exactly as they were envisioned

20:55:28

Are you available for a quick call?

Now

I'm always available to talk about the possibility of working together! here's my Cal to schedule a call

20:55:28

I'm currently available for freelance

Currently in 🇪🇸 Barcelona (GMT+2)