Leonardo Andrés Garcia Crespo, Developer in London, United Kingdom
Leonardo is available for hire
Hire Leonardo

Leonardo Andrés Garcia Crespo

Verified Expert  in Engineering

JavaScript Developer

Location
London, United Kingdom
Toptal Member Since
February 10, 2014

莱昂纳多是一个终生的技术爱好者，他总是试图学习新的东西，同时跟上他最喜欢的技术. He has a very proactive personality, and he's always building something. He is currently heavily working with technologies such as React and GraphQL.

ApolloJavaScriptAgile Software DevelopmentSQLMacOSReactGraphQLReduxReact RouterExpress.jsHTML5GitHubTypeScriptWindowsBackbone.jsReact.js Development ConsultingRelayQuillHighchartsReact Hooks

Portfolio

Twitter
React Router, Service Workers, Node.js, GraphQL, Redux, React Native, React
Match.com
TypeScript, GraphQL, Node.js, React-Intl, Fluxible, React, JavaScript
Progistix Worldwide (via Toptal)
Flask, Python, Mapbox, Algolia, React Router, Redux, React

Experience

JavaScript - 8 yearsReact - 4 yearsGraphQL - 3 yearsRedux - 3 yearsApollo - 2 yearsTypeScript - 2 yearsReact Native - 1 yearRelay - 1 year

Availability

Part-time

Preferred Environment

Visual Studio Code (VS Code)

The most amazing...

...我所构建的是一种机制，可以指定数据依赖关系，并在GraphQL的启发下发出必要的REST请求, for a single-page application

Work Experience

Senior Software Engineer

2018 - PRESENT
Twitter
  • Drove adoption of React inside a team when I joined, 实现与前一个框架的集成，并通过迁移应用程序的几个部分来工作.
  • Initiated collaboration with external teams, participating in discussions, document reviews, and new idea proposals.
  • 即使在不同时区(伦敦到旧金山)的团队中远程工作，也具有很高的影响力和知名度。.
  • 拥有几个完整的工作流程，并跟随完成所有工作流程.
  • Became the go-to person for numerous areas of the app such as React, GraphQL, and testing, helping others in the team and proposing improvements on the usage of those.
Technologies: React Router, Service Workers, Node.js, GraphQL, Redux, React Native, React

Senior Software Engineer

2016 - 2018
Match.com
  • 在团队中担任桌面和移动web应用的技术专家.
  • 设计了一种体系结构，用于声明式地指定和共同定位与组件的数据依赖关系, inspired in GraphQL.
  • 建议GraphQL作为一种技术，并在其上重建应用程序的几个部分，以获得采用. Gave several classes to onboard the team on it. This decision drove adoption of GraphQL in the company as the main API.
  • 设计了一个i18n解决方案，使用react-intl、共定位翻译和单独的语言环境包.
  • 推动了对TypeScript的采用，并引导了从纯JavaScript到TypeScript的迁移，以增加对代码的信心.
  • Spearheaded app performance tuning, code splitting, and webpack configuration.
  • 推动提案、讨论和会议，以指定我们自己的内部标准和实践.
Technologies: TypeScript, GraphQL, Node.js, React-Intl, Fluxible, React, JavaScript

Senior Front-end Architect

2015 - 2016
Progistix Worldwide (via Toptal)
  • Developed a full SPA with React, React Router, and Redux.
  • 处理高度复杂的表单、地图和结果的交互式可视化.
  • Performed queries with algolia, 使用他们的SDK并创建一个自动完成组件来显示结果.
  • 开发了一种用Redux改变状态的机制，这种机制不会产生任何副作用，并且允许时间旅行调试.
  • Worked with the team as a technical referent, designing the architecture for the overall app and for complex pieces inside.
Technologies: Flask, Python, Mapbox, Algolia, React Router, Redux, React

Senior Software Engineer

2014 - 2016
Power Supply Collective (via Toptal)
  • Proposed using React, Redux, and immutable data structures for creating the UI.
  • Refactored the UI into reusable components sharing same look and feel.
  • Created a component catalog to visualize the UI elements in the web app.
  • Aided in design decisions for improvements to the user experience.
  • 使用React Native开发了一个iOS应用程序，其中包含一个移动功能子集.
Technologies: PostgreSQL, Immutable.js, Redux, React Native, React, jQuery, JavaScript, Ruby on Rails (RoR)

Full-stack Developer

2013 - 2015
SCVSoft
  • 开发了一套内部宝石，它构建了一个框架，可以快速开发内部工具. 该套件从身份验证到部署、外观和前端组件.
  • 领导一个由8名开发人员组成的团队，同时使用3种不同的内部工具.
  • 在bug修复和bug检测以及特性添加方面为几个开源项目做出了贡献. Encouraged the team to do so as well.
  • Moved legacy tools with Rails 2 to full Rails 3 + asset pipeline + Angular apps, increasing responsiveness and overall performance along with code quality.
  • 为新应用程序提供了内部Puppet配置脚本和配置框.
技术:Bootstrap, SMACSS, MySQL, Puppet, Capistrano, AngularJS, Ruby on Rails (RoR)

Developer

2014 - 2014
StudyBloc (via Toptal)
  • Integrated Quill WYSIWYG editor with React into a reusable library.
  • Supported math expressions and editor inside the WYSIWYG editor.
  • Supported source code with syntax highlighting in the editor as well.
  • Integrated the editor with the look and feel of the application.
  • Contributed back to Quill editor to fix bugs and propose improvements.
Technologies: MathQuill, Quill, React, JavaScript

Developer

2014 - 2014
Soma (via Toptal)
  • Built the entire new checkout workflow in Angular, making it a single page and with a way to easily configure the order of steps.
  • 通过增加覆盖率和减少测试中模拟的使用，提高了产品的测试质量, and attempting to test the real thing as much as possible.
  • 参与与客户的设计讨论，试图找到最佳的解决方案.
  • Contributed to an open source Ruby gem that the app used as an admin interface.
  • Contributed to make better documentation for the newcomers in the project, 通过记录和表达应用程序中核心类的业务动机.
Technologies: AngularJS, MongoDB, Ruby on Rails (RoR)

Full-stack Developer

2012 - 2013
SCVSoft
  • Proposed the use of Backbone.js to create a rich UI with high interactivity.
  • 为不同客户的数十个风电场的实时预报信息调整了数据获取机制.
  • Optimized queries and caching for most recent data visualization, with acceptable latency in the client.
  • 鼓励密集的客户端测试覆盖以及实际的HTML和JS交互.
  • 修复了我们用来在浏览器中绘制图表的HighCharts库中的错误.
Technologies: Backbone.js, PostgreSQL, Ruby on Rails (RoR)

Web Developer

2012 - 2012
Teracode
  • 领导一个由三名开发人员组成的团队，他们都在世界各地远程工作.
  • 基于Facebook应用程序创建了一个groupon风格的应用程序，使用了大量的Facebook API.
  • Automated deployment via Ruby scripts to achieve "one-click deploys."
  • Proposed usage of Backbone.js to achieve more interactive UIs that are also more maintainable.
  • 率先采用GitHub开发工作流，并在拉取请求中进行了大量的代码审查.
Technologies: Facebook API, Backbone.js, ASP.NET MVC

Web Developer

2011 - 2012
Teracode
  • Moved the existing app from ASP.NET to ASP.NET MVC，从而提高了通过网络传输状态的总体性能.
  • 在必要时使用Ajax调用异步更新应用程序，而不是刷新整个页面.
  • Proposed several design improvements to the user workflow.
  • Increased testing coverage of the existing application.
  • Improved NHibernate usage and thus improved overall app querying performance.
Technologies: Microsoft SQL Server, ASP.NET MVC

Developer and Co-founder

2010 - 2011
Wisibee
  • Founded my own company with a friend.
  • 领导了产品的全面开发——一个设计竞赛网站，类似于99designs.
  • Learned about the startup lifecycle: incubated at a startup accelerator.
  • Worked with supporting multiple payment methods, like PayPal and a local payment gateway called MercadoPago.
  • Deployed the application, configured the boxes to run it, and was in charge of the DB backups and uptime.
Technologies: NHibernate, MySQL, ASP.NET MVC

GraphQL Tag Babel Macro

http://github.com/leoasis/graphql-tag.macro
Babel macro that allows to use the GraphQL tag without adding a new Babel plugin.

GraphQL persisted document loader

http://github.com/leoasis/graphql-persisted-document-loader
Webpack加载器，它允许系统持久化GraphQL文档并内联文档ID.

React Sound

http://github.com/leoasis/react-sound
A React component that plays a sound when rendered.

Open-source Contributions

http://github.com/apollographql/react-apollo
I've contributed heavily to React Apollo, 添加TypeScript支持，并参与讨论添加渲染道具api (Query . js), Mutation and Subscription components).

Amplified

Personal project. Makes sharing rehearsals within your band easier. 允许组织你的排练和评论排练的歌曲，而听他们. Developed with Ruby on Rails, Backbone + React, and PostgreSQL.

JS Conf UY

在JS Conf乌拉圭会议上做了一个关于使用一个名为Bacon的库使用函数式响应式编程的演讲.js.

Meetup.js — JavaScript Meetups in Buenos Aires

One of the founders of the JavaScript Meetups in Buenos Aires, 目前每个月都有见面会——既参与组织，也不时发表演讲.

Fnky.js

http://github.com/leoasis/fnky
一个有趣的JavaScript函数库，允许您创建函数, applicative functors, and monads among other things.

Makery.js

http://github.com/leoasis/makery.js
JavaScript library for creating objects for testing "factory-style". API inspired by Machinist, a Ruby Gem.

ActiveRecord::Futures Gem

http://github.com/leoasis/activerecord-futures
一个Ruby Gem，它使ActiveRecord能够在一次往返中执行多个查询.

Challenge Accepted

SCVSoft竞赛，要求参赛者通过5个挑战，用Ruby或JavaScript解决, and send the code to an API via POST and a user token. 我们使用Ruby和Cuba框架开发了这个API，并将数据存储在Redis中.

Elempleo.com

http://elempleo.com
One of the first projects I ever worked on. 哥伦比亚和其他国家数百万人使用的求职门户网站. Developed with ASP.NET.
Image of React.js View State Management Tutorial publication
Publication

React.js View State Management Tutorial

http://p07sq.cuentascorrientes.net/react/managing-view-state-with-react
Image of React.js Best Practices and Tips by Toptal Developers publication
Publication

React.js Best Practices and Tips by Toptal Developers

http://p07sq.cuentascorrientes.net/react/tips-and-practices
2002 - 2011

Bachelor's Degree in Systems Engineering

Buenos Aires University - Buenos Aires, Argentina

Libraries/APIs

React, React Router, Immutable.js, Highcharts, AngularUI, Backbone.Marionette, Backbone.js, React-Intl, React Native for Web, MathQuill, jQuery, Node.js, Facebook API, GitHub API

Tools

GitHub, React Apollo, Chrome Developer Tools, Trello, Flow, Capistrano, Puppet, Quill, Apache Solr, VirtualBox, Git

Frameworks

Express.js, Redux, AngularJS, Ruby on Rails (RoR), Relay, React Native, Bootstrap, ASP.NET MVC, NHibernate, Flask

Languages

HTML5, CSS3, SQL, JavaScript, TypeScript, GraphQL, Ruby, Sass, Python, Haskell

Paradigms

Object-oriented Programming (OOP), Agile Software Development, Functional Programming, Event-driven Programming, Functional Reactive Programming, Concurrent Programming, SMACSS

Platforms

MacOS, Ubuntu, Windows, Linux, Visual Studio Code (VS Code), Algolia, Mapbox

Storage

MySQL, MongoDB, PostgreSQL, Microsoft SQL Server, NoSQL, Memcached, Redis

Other

Apollo, MacBook, Fluxible, Service Workers

Collaboration That Works

How to Work with Toptal

在数小时内，而不是数周或数月，我们的网络将为您直接匹配全球行业专家.

1

Share your needs

在与Toptal领域专家的电话中讨论您的需求并细化您的范围.
2

Choose your talent

在24小时内获得专业匹配人才的简短列表，以进行审查，面试和选择.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring