13-15 September 2018. Alicante, Spain

React Alicante

The international React.js conference in Spain

unsplash-logoArtem Sapegin

React Alicante 2018

Join our international conference about React and React Native in one of the sunniest cities in Europe. Ticket sales will open soon. You can buy your tickets, send a proposal to our CFP or become a sponsor.

28 International Speakers

Learn from some of the best front-end developers and speakers out there.

8 Workshops

Do you want to boost your skills? This year we have 8 workshops covering different topics and levels.

350 Eager Attendees

Be one of them and enjoy a few days of learning, networking, sunbathing and fun.

Event will Start in:

  • 0
  • 0
Days
  • 0
  • 0
Hours
  • 0
  • 0
Minutes
  • 0
  • 0
Seconds

Would you like to learn about React and React Native?

Then you shouldn't miss React Alicante next September! You will have the opportunity to improve your developer skills and meet people from around the world, while enjoying the food and warm weather from the southeast coast of Spain.

On Thursday you will have the chance to join two introductory workshops to React and React Native. The conference itself will take place on Friday and Saturday, with 21 talks given by 21 great speakers. Get your tickets before it is too late!


Get ticket Now

3

Days

24

Talks

8

Workshops

350

Attendees

Our Speakers

We can't wait to start learning from them!

Sara Vieira

Front-End Developer at @YLDio, open sorcerer, Blogger , Drummer and horror movie fan girl.

Patrick Stapfer

Freelancer with a strong focus on code quality in JavaScript applications. Has been using static types in JS professionally since Flow's initial OSS release. Likes to talk about programming languages, compilers & ASTs. Now most of his OSS spare time is spent on the ReasonML ecosystem & the community.

Jared Palmer

Jared Palmer is the Engineering Lead at The Palmer Group where he builds software for companies, startups, and governments. He is author of open source libraries such as Formik, Razzle, After.js, React-fns, and Backpack. Based in NYC, Jared is also the organizer of the local ReasonML and Framer.js meetups.

Anna Gruber

Anna is code loving, agile adoring software engineer. She tries to work with everything web. For the last couple of years focused on Javascript and reactjs. She is trying to change the world of finances at Scalable Capital.

Braulio Díez

Braulio Diez is a javascript developer (old hand coming from .net background), passionate about new front end technologies, and open source contributor. Cofounder of Lemoncode, Braulio is focused on building robust applications, and helping others to improve their skills.

Preeti Wadhwani

Preeti is a programmer at heart, with over 3+ years on mobile. She’s worked on multiple but Android remains her passion, with her experience allowing her to handle complete development cycles, and to go on and lead adjacent teams. When she isn’t glued to her code, Preeti can be found experimenting with gourmet or playing her guitar.

Marco Cedaro

Webmaster before it was cool, pixel pusher, javascript-something, conference organiser, father of two, but mostly known for yelling at clouds. Currently tech lead at Condé Nast International.

Kristijan Ristovski

Teaching JavaScript and React at React Academy. Cares about open source, made custom-react-scripts and mobx-router. Launched sizzy.co and ok-google.io He had the chance to work and experiment with a variety of frameworks and libraries.

Raúl Gómez

Raul is a frontend software engineer working at Callstack, specialised in React and React Native. He is passionate about teaching in workshops, sharing knowledge in Medium and contributing to OSS. He is the creator of react-native-offline and recently he released his personal project, WondrGo, an Android and iOS application to make event discovery on big cities effortless.

Javi Velasco

Javier works as Fullstack Enginner at ZEIT and he's the author of React Toolbox, one of the most popular React UI Kits out there that is used by companies such as Netflix, and other OSS projects like React Tunnels or React CSS Themr. He's passionate about the React ecosystem and Javascript in general, and he loves making the code look like poetry. Last but not least, he's deeply devoted to his dog.

Dominik Kundel

Dominik is a Developer Evangelist for Twilio in Berlin. He has a passion for JavaScript, hackathons, teaching and good whiskey. You will usually find him speaking at meetups and conferences, mentoring at hackathons and CoderDojos or work on open source projects.

Kaylie Kwon

Kaylie is a frontend engineer at Netflix from San Francisco, who loves all things devtools and open source.

Gant Laborde

Gant Laborde is a software consultant, adjunct professor, published author, and award-winning speaker. He volunteers as a mentor, an “open sourcerer”, and aspires to one day become a mad scientist. His React Native prowess is prevalent through blogs, videos, and maintainer status in popular repositories. Follow Gant’s adventures at http://gantlaborde.com

Forbes Lindesay

Creator of pug, cabbie and ESDiscuss. In the past, Forbes has worked on large scale React applications at Facebook. He now gives talks and runs training workshops to pass his experience on to other people.

Manjula Dube

I am working as Senior Developer and have been obsessed with coding since I graduated out of college.I am public speaker discussing tech all time. I love to work with JavaScript and front end technologies like Angular, Backbone, React and exploring new frameworks and stacks all the time. I am also an organiser of Mumbai Women Coders Community India. I am also co organiser at Mumbai Javascript Meetup. When free I spend my time Open Sourcing and learning and experimenting new tech all the time. Want to learn React or Javascript? Get in touch with me.

Flavio Corpa

Frontend Engineer. JavaScript and Functional Programming Enthusiast. OSS contributor in: React, Vue, Angular, Babel, Webpack, Styled Components and others!

Nacho Martín

Nacho Martín is a developer, consultant and trainer at Limenius, company that he co-founded. He is an active open source contributor and is enjoying his work with <span class="collapse fade">React and React Native as if it was his first day in this profession. He has usually dreams in which he is programming, so he tries to do it well to avoid nightmares.

Tomasz Lakomy

Tomasz is a Senior Frontend Developer at OLX Group. Co-organiser of React Poznań Meetup and meet.js Poznań, JavaScript tinkerer who enjoys sharing his knowledge with other developers. His interests include VR, AR, React, app performance and making cheesiest jokes known to mankind.

José Manuel Lucas

I'm a Frontend developer and teacher from Murcia (Spain). I break and fix things.

Artem Sapegin

Frontend developer living in Berlin, passionate photographer and owner of two crazy dogs. Creator of React Styleguidist.

Brent Vatne

Developer at Expo, core contributor to React Native, and project lead on React Navigation. Spare time is spent traveling and playing with #lucythetri.

Erik Rasmussen

American expat javascript developer in Spain, author of Redux Form and React Final Form.

Henning Muszynski

Henning is a software engineer working for the remote-first company Doist. Doist is most famously known for their personal productivity app Todoist and most recently for their new approach to team communication with Twist. Henning spends most of his time tinkering on the web frontend of Twist. Apart from that he's interested in everything else around web development and AI.

Olena Sovyn

Software engineer at Webflow. She loves React, Redux, lodash, React Storybook, and functional programming overall. Secret fan of CSS, Avengers and Harry Potter

Alex Jover

Web developer interested on PWA, web performance, productivity and the human side of code. Instructor on Egghead and VueSchool. Author on Alligator and Leanpub. Alicante Frontend co-organizer. Enjoys cats, frisbee, bike, beach, friends and fun!

Kamlesh Chandnani

Kamlesh is a Principal Frontend Engineer @TreeboHotels. He Co Organizes ReactJS Meetup Bangalore (India) . He co-hosts a youtube show named newsbundle.js. He is an Open Source Enthusiast and the one who gets obsessed by Web Performance. He is a tech writer at freeCodeCamp publication on medium.

Ben Ilegbodu

Ben is a Christian, a husband and a father of 2, with a dozen years of experience developing user interfaces for the Web. He currently is a Principal Frontend Engineer at Eventbrite with the Frontend Platform team, focused on improving the frontend infrastructure and design system. On the side, Ben also enjoys playing basketball, DIY, watching movies, and blogging (benmvp.com) / tweeting (@benmvp) about his experiences with new web technologies.

Vladimir Novick

Software Architect, consultant, worldwide speaker, co-organizer of ReactJS Israel, Author of "React Native - Build mobile apps with JavaScript" book and several workshops and courses. He brings years of experience in JavaScript ecosystem and is one of early React and React Native adopters. On daily basis Vladimir works in Web, Mobile, VR/AR and IoT fields both for customers and on personal projects. Previously he worked in Sports, Gaming & Video industries as Lead Architect & Team Leader

Ferran Negre

Ferran is a Software Engineer specialized in building high quality applications using React and React Native. He is also a testing guy that is always checking if any project is using Jest & Flow. He also builds applications as a hobby. As a personal experience, he built Audio Profiles which has reached more than 100k downloads in the Google Play Store and it is still growing in popularity. At this point he works for Callstack in Poland where they are betting for React Native as a big game changer in our cross-platform mission. In his free time he learns Polish, goes to the gym and plays ping pong with his colleagues and as they usually say, he spends a big amount of time complaining about everything.

Take a peek at what is coming

Event Schedule 2018

Are you ready for it? :-)

Thursday 9:00 - 13:00 Terra Lucis II

Workshop: Introduction to React.js

Forbes Lindesay

This workshop will get you ready to start working on your first React app. It will include all the concepts you need to understand, including ES6, JSX, State Management and how to structure your components. Everything will be taught with examples for you to work through during the workshop, to ensure you have fully understood.
[Short coffee-break at 11:00]

Thursday 9:00 - 13:00 Room Terra Mitica

Workshop: Getting Started with ReasonML & ReasonReact

Patrick Stapfer

ReasonML is a new cool JavaScript-like language with a strong type-system and first level React bindings. As with every new language, there comes a new ecosystem and unfamiliar concepts with it.
In this workshop, attendees will first of all learn how to setup and use ReasonML with React and find explanations on how to find relevant information for their coding problems (navigating the docs, leverage the community).
Later own they will discover the capabilities of the underlying JS-compiler platform called BuckleScript and see how Reason translates to JavaScript. They slowly will get introduced to the interoperability layer to be able to interact with existing JavaScript code and learn how the React component model works in practise.
In the end, ambitious attendees will be able to integrate Reason React components in their existing React codebase without interrupting the existing development workflows.
[Short coffee-break at 11:00]

Thursday 9:00 - 13:00 Room Terra Lucis I

Workshop: “Minimally-painful” React-Redux testing

Ben Ilegbodu

Let’s be honest, no one* enjoys writing unit tests... especially for UI code. JavaScript frameworks traditionally have been heavily tied to the DOM. The only way we could test our components was to run unit tests within headless browsers, or resort to much slower end-to-end tests. However, React’s architecture separates the component hierarchy from the DOM, making it much easier to quickly test the user interactions of our components without needing a browser at all.
When Eventbrite’s Frontend Platform team introduced React to our stack in 2016, we also developed best practices for testing React applications. In this talk, we’ll learn some dos and don’ts Eventbrite uses for writing unit tests for React components, including those gnarly complicated cases. Testing probably still won’t be glamorous... but with these lessons it shouldn’t be painful either!
[Short coffee-break at 11:00]

Thursday 9:00 - 13:00 Room Almirante

Workshop: Component-driven development

Artem Sapegin

Web applications becoming bigger and more complex, and as they grow, the complexity of the User Interface, arguably the most important part of your application, increases. And with it, your responsibility as a UI developer.
A traditional development workflow — change code, refresh the app in the browser, click-click-click to reproduce the desired state, repeat — doesn't work anymore. Tools like React hot loader make it faster but don't really fix the underlying issue.
This workshop will help you:
- Understand what a design system is and how to start thinking in design constraints
- Analyze and split your UI into small reusable components
- Setup an environment to create components in isolation
- Create a living style guide and start building a component library
- Structure your application around components
- Write maintainable styles for your components based on the design system
[Short coffee-break at 11:00]

Thursday 13:00 - 14:00 First floor

lunch

Thursday 14:00 - 18:00 Room Terra Lucis II

Workshop: Introduction to React Native

Nacho Martín

In this workshop you will learn the fundamentals of React Native, understanding all the main concepts and discovering a new way of developing your mobile apps, taking profit of the philosophy "learn once, write anywhere". You will create your first React Native project and get ready to make the most of this technology.
[Short coffee-break at 16:00]

Thursday 14:00 - 18:00 Room Almirante

Workshop: Redux from zero to hero

Braulio Díez & The Lemoncoders

Once you have started programming with React, you realize that there is a flux implementation call Redux that is a game changer... It's time to learn about this! In this workshop we will learn the basics, where does it apply or not (beware of the overarchitecture), and some cool aids like sagas, observables, selectors...
[Short coffee-break at 16:00]

Thursday 14:00 - 18:00 Room Terra Lucis I

Workshop: A living design system with React Storybook

José Manuel Lucas

A Design System is a group of connected patterns that provides a shared language between different teams. An effective system also helps to reuse resources, techniques, and components, making more coherent and usable interfaces.
In this workshop, we're going to explore React Storybook, and we'll learn how to build a living, shared Design System with continuous integration.
The workshop is divided into 5 different parts:
1) Integrating Storybook in a React project.
2) React Storybook configuration options.
3) Creating stories.
4) Plugins and extras.
5) Q&A.
[Short coffee-break at 16:00]

Thursday 14:00 - 18:00 Room Terra Mitica

Workshop: Advanced React Native


Ferran Negre & Raúl Gómez

In this workshop, we’ll cover a handful of common advanced UI patterns with React Native, focusing on declarative animations and interactions that can be leveraged at 60 fps. For that, we’ll make use of Animated API, as well as react-native-gesture-handler to build top of the line components that you’ll be able to plug in your commercial projects. Snack and Expo will be our tooling to make that happen.
[Short coffee-break at 16:00]

Friday 08:15 - 08:55 Ground floor

badges pick-up

Friday 08:55 - 09:00 Room Europa

conference opening & welcome

Friday 9:00 - 9:45 AM Room Europa

2018 - The Year of Web Components

Dominik Kundel

Components are hot. Every view library or framework seems to be based on components these days. But when you write your React component you can't share it with an Angular developer. Your Vue components can't be used in Preact. The result: fragmentation. The cost: reinventing the wheel for every library.

We've had the answer for years, though. Web components are the standards based solution, but they've never seemed ready for the big time. Until now.

In this talk we'll look at why 2018 is finally the year of web components, the tools and libraries that we can use to build with web components and how you can get started building shareable, compatible, standards based components.

Friday 9:45 - 10:30 Room Europa

The Lonely and Dark Road to Styling in React

Sara Vieira

CSS is hard !I made a living out of it being hard but when React was introduced we had a whole new level of fighting over CSS, there are so many ways to approach it and so many tradeoffs one can do when choosing the better approach that a talk that will go over these options is more than necessary.
Let's walk this road thogheter and I promise it will all be fine and you will leave with an ideia of type of styling is better for each project.
Hint: There is no perfect way ....

Friday 10:30 - 10:55 First floor

coffee-break

Friday 10:55 - 11:40 Room Europa

Next Generation Forms with React Final Form

Erik Rasmussen

This past year, I released React Final Form, a next generation form library for React, based on everything I had learned from managing React's most popular form library, Redux Form. My talk will explain the decisions made in designing this new library as well as an explanation of how to build some common types of forms.

Friday 11:40 - 12:25 Room Europa

The ABC of Coded Style Guides

Henning Muszynski

Teams today are facing similar problems: How do we encourage the reuse of existing components? How do we raise awareness for them? How do we keep them stable while keeping maintenance efforts low? How do we ensure a coherent branding without exploiting our designers?

If you are worried by these questions fear no longer. I aim to show you a way out of this self-made jungle into a brighter world of coded style guides. We will explore together how we can tear down walls between design and development and how everyone can benefit from introducing living component directories into their project.

Friday 12:25 - 13:10 Room Europa

Testing, Testing, 1, 2, NaN

Gant Laborde

Santa Clause, The Free Lunch, and JS Testing - All myths? We all know Testing is key, but it's not easy. What are your options, what exists, and what works? Let's talk about it all. What tools exist, and what matters in testing React and React Native.

Friday 13:10 - 14:10 First floor

lunch

Friday 14:10 - 15:00 Room Europa

Lightning Talks

Flavio Corpa - Lambdas, lambdas everywhere...

Olena Sovyn - Building a Chrome extension with React

Javi Velasco - Modeling errors in Now CLI

Friday 15:00 - 15:45 Room Europa

Journey through VR and AR with React

Tomasz Lakomy

It's time to leave the 2D world of a browser window and venture into the world of enhanced reality JavaScript applications. During the talk we'll see how to make great VR and AR experiences using just your browser and a bit of React, with live demos included, so we'll get to see them in action!

Friday 15:45 - 16:05 First floor

coffee-break

Friday 16:05 - 16:50 Room Europa

The new era of zero-config tools

Alex Jover

We come from a time where javascript was kept in different files, loading them in the right order in the html. Module loaders came to life, RequireJS and Browserify being the first of them. Webpack and Rollup followed them, which are truly amazing. But... have you ever configured them for a real-world app?

New tools started to appear tagged as zero-config tools: Parcel, Poi, Microbundle, Rollit... What's the deal with this zero-config trend?

This talk dives deep in this zero-config evolution, explaining its reasons and benefits.

Friday 16:50 - 17:35 Room Europa

Help! My React app is slowwwww!

Ben Ilegbodu

React’s sophisticated reconciler (aka the “Virtual DOM”) makes updates to the UI feel fast because it optimizes interactions with the DOM. As a result, we no longer have to worry about how to transition our UI from one state to the next. However, the reconciler is not a silver bullet; even the new Fiber Reconciler. Our React apps can still get sluggish, especially as they grow in size and data. Let’s discuss some causes for slow-downs and tools to diagnose problems so that we can speed up our apps.

Friday 17:35 - 18:15 Room Europa

Pushing React Native outside the comfort zone

Raúl Gómez

In this talk, we'll go through the journey of building a fully fledged Music Player using React Native. Given the player specifications, we were challenged to prove that React Native has no limits when it comes to build mobile applications, no matter how complex they are and having performance and cross-platform in mind. We’ll break down the player architecture, covering the different approaches to the problem (Declarative vs Imperative), as well as unveiling all the player elements in a top-down fashion, starting with the music service and the score visualisation and moving further along to smaller pieces such as time progress, progress bar, seeking and replay.

Friday 18:15 - 19:15 First floor

refreshments & networking

Saturday 9:00 - 9:45 AM Room Europa

Components, patterns and sh*t it’s hard to deal with

Marco Cedaro

This talk will cover one of the open questions of modern development: when a pattern is a pattern? how do we reuse one in a slightly different use case? Not a recipe for success, more of a way to frame the problem, identify some ideas we tried and rediscuss the way we approach componentisation

Saturday 9:45 - 10:30 Room Europa

GraphQL Boilerplates

Manjula Dube

When starting out with a new project, people wonder what their stack should look like, what frameworks to use, what are best practices, etc.
*That’s* exactly the problem we’re tackling with the GraphQL boilerplates we are building at Graphcool where Frontend can be React, React Native.

Saturday 10:30 - 10:55 First floor

coffee-break

Saturday 10:55 - 11:40 Room Europa

Taming Forms in React

Jared Palmer

In this talk, we're going deep on forms in React. I'll explore managing validation, error messages, and working with 3rd-party inputs and introduce you to Formik, a tiny form helper that lets you do all the fun stuff I just mentioned and more.

This talk will be mostly live coding. I'll start with the simplest input with just plain React. After discussing what's hard, I'll introduce Formik, gradually building a complex "invite friends" form with add/remove, autocomplete inputs, and human readable error messages--all in about 60-100 lines of code.

Saturday 11:40 - 12:25 Room Europa

Mobile navigation

Brent Vatne

I work on React Navigation, one of the most widely used React Native packages and one that tackles a problem that is central to all apps - navigating between different screens. It sounds simple when phrased like that, but it is deceptively complicated when you get into the details. React Navigation works on web, iOS, and Android, and can be extended to work on any platform that React renders to. We'll talk about the design, show you how to extend it, discuss the challenges of mobile navigation, and compare React Navigation to related tools and examine the trade-offs.

Saturday 12:25 - 13:10 Room Europa

Motion in React

Kaylie Kwon

You may have heard of CSS in JS, but what alternatives are there for implementing interactive motions in JS? This talk will be a comparison of several approaches from using vanilla Javascript to libraries like Popmotion, as well as ones in React ecosystem like React Transition Group and React Motion.

Saturday 13:10 - 14:10 First floor

lunch

Saturday 14:10 - 15:00 Room Europa

Lightning Talks

Patrick Stapfer - Better ReasonML Integration in Flow & TypeScript Codebases

Anna Gruber - Testing a Redux store

Saturday 15:00 - 15:45 Room Europa

Powering Code Reuse with Context and Render Props

Forbes Lindesay

React's context API has always been labelled as experimental, but from the advent of Redux it has been used in all the most exciting react libraries. It's about to become a stabilised feature so now is the perfect time to learn the new context API. Combining the context API and render props lets gives you unprecedented power to cleanly reuse code across components. It even plays well with TypeScript and Flow. This talk will explain how context and render props work and give you some ideas of how to use them to simplify your own code.

Saturday 15:45 - 16:05 First floor

coffee-break

Saturday 16:05 - 16:50 Room Europa

React Native: The dark side of Background tasks

Ferran Negre

In this talk we are going to explore how to manage background tasks within your React Native application. Background tasks are essentially tasks that run when the app is not in the foreground (visible).

Full plan:
1. Introduction to the different components of an app: UI, backend… But in mobile also: Background, receivers, etc.
2. Introduction of background tasks in mobile
3. Example on how to play music on the background using React Native https://github.com/ferrannp/react-native-spotify-streamer (my public example)
4. Talk about pulling vs pushing system on mobile (to intro sync data on the background)
5. Example on how to fetch data on the background
6. Final example on how to run background tasks on JS after events like receivers or widgets on Android

Saturday 16:50 - 17:35 Room Europa

An unknown land of creating libraries

Kamlesh Chandnani

My day job is to design and architect projects at my workplace and soon I realized that there were many common modules required across projects and I always end up copy-pasting those modules to newer as well as existing projects over and over again.

This was tearing me down. Setting up the tools for a library seems to be such a basic task that you may be surprised that it has numerous nuances. In fact, even the authors of well-known libraries often don’t do this right, and there is no single exhaustive go-to source.

In this talk, I’ll get practical and demonstrate a dummy project to discuss the best library building practices.

Takeaway for the audience:
1. What are the different types of module systems.
2. What are different types of tool we can use (Webpack, Rollup, Babel) and How to configure these tools.
3. How to prevent the unused parts of the application from landing in clients’ applications by Tree Shaking.
4. When to use Babel.
5. When to use Bundlers.
6. How to manage the meta data for your libraries using the power of package.json.
7. What to publish to npm.
8. How to create an isomorphic library.

And when we sum up all the above points we will be able to build our own React UI Library the right way. :)

Saturday 17:35 - 18:15 Room Europa

Navigating the hype-driven frontend development world without going insane

Kristijan Ristovski

The obsession to always move on to the latest and greatest, and the fear of missing out while working with something that's older than few months is currently dominating the dev world. In my previous talks, I always included a short bit about this topic, and it resonated well with the audience. This time, I want to do a full talk on it, because I think everyone is struggling with this problem.

Saturday 18:15 - 18:30 Room Europa

raffle

Saturday 18:30 - 19:30 First floor

refreshments & networking

The Venue

The conference will take place at Hotel Meliá, located right at Alicante's port.
Here we have gathered information about this hotel and some other accommodation possibilities.

Airports

Alicante's airport is one of the busiest in Spain, with flights from 119 different destinations. Alternatively, you could also fly to Valencia, taking a direct train from there to Alicante (90 min).

Our partners

They make React Alicante possible. Would you like to join?


PLATINUM SPONSOR




GOLD SPONSORS & PARTNERS




SILVER SPONSORS



BRONZE SPONSORS




COLLABORATORS & MEDIA PARTNERS




ORGANIZED BY





Do you want to become a sponsor?

Contact Info

Address:Plaza del Puerto, 3, 03001 Alicante, Spain

E-Mail: react-alicante@limenius.com