jonidelv

Hey! my name is

Jonatan del Valle

With nearly 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 and mobile development

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

transformed into code exactly as they were envisioned

5:28:40

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

5:28:40

Find me at

Twitter

Github

Tech things

Tsplay

Generate a short-link for the TypeScript playground

Macas

App to easily spoof your MAC address

Crosstify

Generate a playlist where the first letter of each song matches the name of the album

JSX to React

JSX to React live compiler

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

Broadly

Frontend Engineer / Full Stack

2021 - Present

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

Read cv

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 - Present

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

Read cv

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

Tech things

Tsplay

Generate a short-link for the TypeScript playground

Macas

App to easily spoof your MAC address

Crosstify

Generate a playlist where the first letter of each song matches the name of the album

JSX to React

JSX to React live compiler

React and Redux starter

open source Yeoman generator

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 nearly 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 and mobile development

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

5:28:40

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

5:28:40

I'm currently available for freelance

Currently in 🇪🇸 Barcelona (GMT+2)