JSConf Hawaiʻi is the newest in the family of JSConf events. For our second year, we're planning to bring about 400 people together for a three-day single track conference. Our goal is that by the time you leave, you'll have seen some new ideas, learned some more JavaScript, and made new friends to keep in touch with.

The small, single-track nature of the conference means that it's easy to figure out what to do! We'll have lots of time to meet your fellow attendees and share ideas outside of the sessions.

JSConf Hawaiʻi

Learn the benefits of introducing cultural and thought diversity into an organization, along with core concepts that can lead to positive contributions in the tech space.

Diversity, in both small and large tech companies, is now understood as a critical component to innovation. In the same way individual generalists are able to make connections across disciplines, members of a diverse team contribute perspectives that would have otherwise been unknown. This is perhaps what Steve Jobs was referencing to when he eloquently recited “Think Different”. This talk uses my experiences as a Native Hawaiian programmer and designer working at Twitch as a launching point to discuss the benefits of introducing cultural and thought diversity into an organization.

This talk will also discuss core concepts I’ve learned from a Hawaiian upbringing that I believe can lead to positive contributions in the tech space, such as the benefits of being kolohe(having a rebellious nature), encouraging ‘imi ‘ike(the pursuit of knowledge), the complementary forces of a‘o aku and a‘o mai(to learn and to teach), committing to aloha(in part the generous spirit of giving without expecting), favoring laulima(group cooperation) over personal gain, the practice aloha ‘aina(the love of one’s environment) and more.

The power to think like a Native Hawaiian in tech

Learn how to build a simple gesture recognition system using JavaScript, Arduino and Machine learning.

Most of our interactions with technology aren’t really intuitive. We’ve had to adapt to it by learning to type, swipe, execute specific voice commands, etc… but what if we could train technology to adapt to us?

Programming for hardware in JavaScript has already been made accessible with frameworks like Johnny- five, but, combining it with machine learning, we have the opportunity to create new and smarter interactions.

In this presentation, I will talk about how to build a simple gesture recognition system using JavaScript, Arduino and Machine learning.

Strike a Pose: Gesture Recognition in JS with Machine Learning

Take a deep look at the principles of framework design and how we can apply them to build better software.

Building frameworks is fun. And even if your project is using one of the awesome open-source frameworks, it might at some point reach the point where you need just a little bit more software infrastructure then you find on npm: Things may start with a custom build script and end with your own full blown framework.

But building frameworks is also difficult. And many folks might have read the first paragraph thinking “That is us, but I wish we had something clean, stable and most importantly standard instead”.

In this sequel to the popular “Designing very large (JavaScript) applications” talk, we’ll take a deep look at the principles of framework design and how we can apply them to build better software. We’ll look at how to go about designing a framework, how to ensure that developers like it, and how to make sure that systems get into a clean and stable state as quickly as possible.

Designing Even Larger (JavaScript) Applications

Learn how to build a search query parser, in JavaScript. Starting with the building blocks of all languages and what a parser is, to a practical implementation.

Have you ever wondered how your code goes from being characters in a file to something that the computer can "understand" and do something with? A key part of this is the parser. 

In this talk, we’ll look at building a search query parser (all in JavaScript, of course). On this journey, we’ll first take a step back and learn about the building blocks of all languages, from letters to grammars, and how they represent meaning. 

Then, we’ll talk about what a parser is and does and why we might want one for our task. With this new knowledge, we’ll dive into building the parser, from tokenizing to building a data structure that represents the query and lets us build a UI around it.

Parsing Parsers

How do you set up Typescript and other static checking? Do you target ESM or CJS builds? Is integration testing even possible?

So you have a great idea for the perfect JS library... but the implementation is only half the battle. You also need to configure infrastructure to develop, test, build and deploy your package. How do you set up Typescript and other static checking? Do you target ESM or CJS builds? Is integration testing even possible? There’s so much extra to consider!

Let’s learn what makes up the “perfect” library tooling. Familiarity with developing JavaScript packages will help you get the most out of this session, but you will gain plenty of helpful insights even if you have yet to build one. Oh, and don’t worry if you don’t understand all of those terms — you soon will after this video!

The "Perfect" Library Tooling

Is your first thought when thinking about cryptography, “nope, that’s not for me!”? This talk explains the basics of encryption and hashing through simple examples.

Is your first thought when thinking about cryptography, “nope, that’s not for me!”? There’s no need to. When explained with simple examples, you can see the basics are not that complicated. The Javascript Object Signing and Encryption, or JOSE for short is a framework that helps us deal with encryption. It describes ways to securely transfer data either signed (JWS) or encrypted (JWE). Let’s take a leap of faith and explore the wonderful world of cryptography together, shall we?

In this talk, I will try to explain the basics of encryption and hashing through simple examples. We’ll look into how the JOSE standard can help us with encrypted content on the web using JSON Web Encryption (JWE) and JSON Web Keys (JWK). The audience does not need any specific knowledge about cryptography as this talk will go through the basics. Some JavaScript knowledge can be useful but not necessary as code examples will be simple and explained.

Why? The times when websites were just simple pieces of information is long gone. These days the web handles more sensitive data than ever before. To securely handle this data, we sometimes need to hash, encrypt or sign it. Sure there are a million tools, libraries and pieces of software that handle this for you, but knowing the basics can certainly come in handy!

No Way, JOSE

Take a journey into the Web MIDI api where the possibilities of the web aren’t just at your keyboard fingertips anymore, they’re literally any MIDI compatible controller you have connected!

Who loves pushing buttons? You? And you over there? And the person behind you? Oh wait, everyone loves it?!!? Of course they do, a button is irresistible. Now… what if I told you that you could hook up a LOT of buttons to your computer… and use it to do wild things with the web?

I’m glad you’re listening! Let’s take a journey into the Web MIDI api where the possibilities of the web aren’t just at your keyboard fingertips anymore, they’re literally any MIDI compatible controller you have connected! Want to make glitchy audio responsive visuals with WebGL shaders? Rad, we can do that. Want to create custom beats and have those input as a drum machine? No problem when you throw a little Web Audio API in the mix. Let’s dive in and find out how!

Look What You MIDI Me Do!

GitLab doesn't have any offices. How do they do it?

The one question I'm asked more than any other when talking about working at GitLab is: wait, you don't have any offices? That is often followed by a confused look or the direct question: How?

Writing down decisions, asynchronous communication, measuring results, not hours. Companies often aspire to these goals...however in an all-remote company, they aren't aspirational - they are requirements. GitLab has grown from 9 people in 2014 to over 900 people in 55 different countries with a valuation of almost $3 billion.

In this talk, we'll discover some of the not-so-secret sauce that GitLab has leveraged to achieve this growth. On this journey, our values have remained the same. We value collaboration, results, efficiency, diversity & inclusion, iteration, and transparency. And we've done all that without having any office, headquarters, or anything that looks like one.

The Asynchronous Enterprise

Variable Fonts allow typography on the web to adapt to the flexible nature of screens, environments and devices.

Variable Fonts allow typography on the web to adapt to the flexible nature of screens, environments and devices.

We can use variable fonts with pre-existing technologies to improve the performance, design, accessibility and usability of our websites. We can start to design our typography to adjust to various inputs, situations or events using Media Queries, JS events and the Sensor or Audio Apis. This will allow us to modify our fonts to aid in storytelling, achieve improved readability and legibility in different situations, environments or on larger or smaller screens.

Let’s explore new and exciting creative opportunities for storytelling, design and expression in ways standard fonts could never provide us. This is just the beginning of our journey to discover what we can do with variable fonts.

Very Responsive Typography with Variable Fonts

Many companies often only dedicate the time and effort to create SOME accessibility. What they choose to make accessible doesn’t always reflect what users want or need.

The sad truth is that even companies that wish to have accessible websites often only dedicate the time and effort to create SOME accessibility. What they choose to make accessible is often based on what a handful of people, often abled bodied ones, decide, and doesn’t always reflect what users want or need.

Using a series of surveys and discussions with other disabled people, I have synthesized suggestions and examples of what makes the most impact for many users or gigantic impacts on usage for smaller groups.We'll go over the look, feel, and functionality of websites and some basic design changes that can be used to great benefit.

Impactful Accessibility: The Changes that Mean the Most

Inclusion doesn't just happen. It has to be intentionally and continuously cultivated. Learn the ways we can all be responsible for building communities with an inclusion-first mindset.

Inclusion doesn't just happen. It has to be intentionally and continuously cultivated. In this session, we'll discuss the ways we can all be responsible for building communities with an inclusion-first mindset. I'll describe my lessons learned and walk through a framework for optimizing for inclusion.

A Seat at the Table: Building Inclusive Ecosystems

See examples of magical thinking as a design methodology for technological innovations.

This session present several examples of magical thinking as a design methodology for technological innovations.

Did you know that hackers and shamans have a lot in common? What does the practice of Santeria can teach us about digital security? Did you know that there's an android in a temple in Kyoto teaching Buddhism? Which elements of ancestral knowledge can we borrow in order to design solutions for migrants and refugees?

We will review the answers to these questions and will elaborate on the potential of magical thinking as a fundamental resource for innovation. "Magic is the mother of technology" said Peter Sloterdijk, thus we definitely shouldn't be afraid of combining this two realms in order to promote scientific innovation to its maximum potential.

I've been doing this research thanks to several sources of funding, mostly through my Mozilla fellowship and other sponsors I had in the last two years. Therefore, specific parts of this session have been presented in conferences such as HOPE in New York City and the Internet Freedom Festival in Valencia, Spain. JSConf Hawaii will be the first time in which my research on digital witchcraft will be publicly presented as a finalized product.

Digital Witchcraft: Magical Thinking for Digital Design

How to make sure a design system specifies design choices and allows users to build quickly, but doesn't lock you into specific frameworks or trendy tools out of the gate.

"Design Systems" and component libraries are a popular solution for abstracting common UI elements and flows to be reusable across many applications.They allow you to spend more time on the details, and reduce the complexity of implementing consistent experiences.There's a good chance that you're using one already!

Scaling these systems to provide value to *lots* of teams across your organization, or in open - source - land, requires solving for each team's different use-cases simultaneously. How do you add in support for internationalization, accessibility, theming (dark mode!), server rendering, or multiple render targets? How do you support the teams that need it in React *and* the teams that need it in Svelte? How do you provide a system that is flexible enough, but doesn't become prohibitively complex? How can you export your components to popular design tools for your designers to build with?

Let's dive into approaches to solving these problems in scalable ways, and take a look at how Stripe has chosen to tackle some of these issues in the real world. Let's look at how to make sure a design system specifies design choices and allows users to build quickly, but doesn't lock you into specific frameworks or trendy tools out of the gate.

Advanced Design System Considerations

It can be hard for developers to keep up with the newest trends and frameworks. What if you could use machine learning to help you keep up with all of the changes? 

The world of UI/UX is changing every month. It can be hard for developers to keep up with the newest trends and frameworks because of all the responsibilities they have. What if you could use machine learning to help you keep up with all of the changes? While it’s far from taking all of the programming jobs, machine learning can help developers make more user-friendly web applications. With the use of Brain.js, you can do text prediction, make small layout changes, check for malicious users, and more.

In this talk, attendees will learn some background on machine learning and algorithms and see examples of where Brain.js can be used in real applications. We’ll cover business cases in web development where machine learning can help, how neural networks work, and how JavaScript can be used to train a model and make real-time updates for users. By the end of the talk, attendees should have a good understanding of basic machine learning concepts and an idea of how they could get started with Brain.js.

Using Machine Learning to Improve UI/UX

Visual validation is a relatively new concept that can be used to enhance existing automated tests and provide an easy way to perform those difficult checks for things like UX, localization, usability, responsive design, and cross-device testing.

Automation has come a long way in assisting with regression testing efforts. Teams worldwide are successfully running hundreds of functional regression tests at every check-in. While this provides a great source of confidence, critical regression bugs are still missed using this approach. That’s because these tests can only assert on what their human programmer asks them to. Additional errors with functionality, UX, and usability often go uncaught using today’s most common test automation techniques.

For this reason, the top companies in all sectors of the industry are turning to visual validation. Visual validation is a relatively new concept that can be used to enhance existing automated tests and provide an easy way to perform those difficult checks for things like UX, localization, usability, responsive design, and cross-device testing.

In this talk, you’ll learn how visual validation works, see an integration into an existing test code base, and discuss the pros and cons of using various visual validation techniques.

Your Tests Lack Vision: Adding Eyes to Your Automation Framework

How good are your tests? Would they still pass if the tested code was changed? If so, there may be problems with your code, your tests, or both!

How good are your tests? Would they still pass if the tested code was changed? If so, there may be problems with your code, your tests, or both!

Mutation Testing helps reveal these cases.It makes lots of slightly altered versions, called "mutants", of your functions, and runs your functions' unit tests, using each of its mutants instead. If a mutant makes any test fail, that mutant "dies". "Survivors" imply flaws: your code might not be meaningful enough that a slight mutation would change the behavior, your tests might not be strict enough to catch the difference that the mutation made, or both!

This talk will tell you how to use mutation testing, its benefits, drawbacks, and pitfalls, and how it works under the hood.There will be several examples(in clear pseudocode), and a list of tools for some popular languages(including of course Javascript).

You will come away equipped with a powerful new technique for making sure your tests are strict and your code is meaningful.

Kill All Mutants! (Introduction to Mutation Testing)

Take a peek behind the layers of the event loop, select/epoll nonblocking I/O, and hardware architecture to answer a simple question: what is waiting, and how does a program wait?

Our story begins with a humble 'await fetch': your script fires off an HTTP request and settles down to nap, trusting that it'll be awoken when response data is available. While your program does nothing, a cascade of activity is now taking place: in your JS runtime, your operating system, and your hardware. What happens while your code is waiting for something to happen? 

In this talk, we'll peek behind the layers of the event loop, select/epoll nonblocking I/O, and hardware architecture to answer a simple question: what is waiting, and how does a program wait?

How to Wait

Node.js 10.5.0 introduced 'worker_threads', enabling the creation of simple multi-threaded applications in JavaScript. This is a quick introduction to the fun of worker_threads.

Node.js 10.5.0 introduced 'worker_threads', enabling the creation of simple multi-threaded applications in JavaScript. This may sound daunting if you've never dealt with threads before in another language. But JavaScript threads are pretty simple and, very importantly, fun. This talk will be a quick introduction to the fun of worker_threads.

I promise not to make any "you got your multi-threaded chocolate in my single-threaded JavaScript peanut butter" jokes.

A Crash Course on Worker Threads

Commenting code is a more nuanced thing than we give it credit for.

Commenting code is a more nuanced thing than we give it credit for.

There are a couple of schools of thought on this. One states that if you feel a comment is necessary, you should rewrite it to be more legible. This is true. But it's also not true. In the process of writing a comment, you can often find things that could be written better, but it's not an either/or, for the following reason: Code can describe how, but it cannot explain why.

There is just not one right way or one reason to write a comment.In this session, we'll dig into some of the many beneficial types of comments that might all serve a different purpose, followed by patterns we might want to avoid. In the process we'll talk about being good teammates, collaborating, and writing the most legible code we can.

The Art of Code Comments

Who's the jock? The nerd? The misfit? Who's the type A overachiever, or the moody artist, or the partier? Get to know each of these JavaScript frameworks through the hallowed medium of the teen comedy.

Who's the jock? The nerd? The misfit? Who's the type A overachiever, or the moody artist, or the partier? Get to know each of these JavaScript frameworks through the hallowed medium of the teen comedy.

In this talk, we'll dig into what makes these frameworks unique, as well as the things they have in common. And, as in every good millennial teen movie, you'll leave with a better understanding of each one.

React, Vue, and Svelte as Teen Movie Archetypes

Custom Hooks in React are useful for much more than just managing the local state and one-dimensional side-effects you see in almost every React Hooks example.

Custom Hooks in React are useful for much more than just managing the local state and one-dimensional side-effects you see in almost every React Hooks example.

They can be used to build sophisticated memoization pipelines and chained-effects that automatically manage local and network resources.

But most importantly, they provide a new new layer of abstraction to accomplish new and amazing patterns that we couldn't have just over a year ago.

On the surface, this abstraction layer is simply collection of custom hooks, but when unlocked, it can be the most powerful piece of your application architecture.

Custom Hooks in React: The Ultimate UI Abstraction Layer

See effective ways to progressively render a webpage from the server to the client, and important performance aspects of rendering modern websites.

Modern web applications have become increasingly costly in terms of size resulting in slower page load times in slower networks. Client Side Rendering (CSR) becomes a bottleneck in slower networks whereas Server Side Rendering (SSR) becomes a bottleneck when large volumes of content need to be generated in one-go.

Progressive rendering is a technique that allows us to flush portions of a webpage to the browser in chunks as soon as they are rendered on the server without having to wait for the whole page to be rendered. This will massively improve the FCP (First Contentful Paint) and FMP (First Meaningful Paint) metrics and reduce page load time in slower networks.

This talk will demonstrate effective ways to progressively render a webpage from the server to the client and highlight important performance aspects of rendering modern websites.

Progressive Rendering: Improve Performance on Slower Networks

TC39 is the international standards committee in charge of charting the future of JavaScript through the ECMAScript standard. In this panel, members of the committee join Cassidy Williams to answer questions sourced from the JSConf Hawaii audience, including questions about how the committee decides on changes to the language, and how companies, organizations, or individuals can get more involved.

TC39 Panel

2020

Frontend Developer Love Conference is 3 Full Days of Talks from 35+ Global Javascript Leaders from around the world Join fellow Javascript Frontend Developers traveling in from over 50 Countries around the world for the Largest Javascript Conference in Europe. We will host over 3,000 People flying in from 50+ Countries around the World during this 3 Day Celebration of Javascript

Javascript is at the heart of the Frontend Developer Love Conference with a variety of topics being covered such as:
Vue, Angular, React, Design Systems, Serverless, Cloud, AWS, Functional Programming, Microservices, Agile, Testing, Automation, Become as good a Leader as you are coder, speechRecognitionAPI, Web Audio, Hip Hop & Code, Gatsbyjs, AWS Amplify, Jamstack, GraphQL, Webpack 5, Typescript, Devops, Microfrontends, Nodejs, Web Assembly, Sveltejs, NPM Packages, Artificial Intelligence, Ecommerce

Our Speakers have spoken at 100+ Global Javascript & Developer Conferences in 30+ Countries in the last 12 months. We have developers that have worked at companies such as Google, Facebook, Volkswagen, Tommy Hilfiger, Uber, Spotify, ING, Amazon, Microsoft, Netflify, Gitlab, IBM, Dell, Sony

Since Frontend Developer Love started in 2018 it has been a Sold Out Conference.
Theater Amsterdam has been described by our Global Javascript Leaders as the "greatest conference venue in the world". You will get to see Vue Experts delivering high level talks with coding examples on a large 500m2 Screen. As part of your conference experience we have arranged diverse, world class and free lunch time catering. You get to relax and sit back in cinema seats allowing you to open up your laptop if you wish to code along. 

Frontend Developer Love

ReactConf AU is the biggest gathering of local and international React developers ever to take place in the Southern Hemisphere. ReactConf AU is brought to you by your friends at Thinkmill.

Learn stuff, hang out with the global React community, and make React history on Australia’s famous Sydney Harbour during summer.

ReactConf AU

Reactathon is where the world's leading front-end developers converge. Key events include an evening reception with Keynotes, Lightning Talks, and Topic Tables, plus a full day of technical talks on all things React. 

The conference fosters a welcoming, safe, inclusive atmosphere that facilitates and encourages discussion among attendees, speakers, and sponsors, to exchange knowledge and forge new relationships, while strengthening existing ones.

Join us to connect with and learn from some of the brightest minds and best speakers in the JS/React community, and participate in the workshops to dive deeper on a specific subject.

Reactathon

The focus of JS Kongress 2020 is Scaling JS – Pushing the Limits: Massive Platforms, Data-Driven Architectures, and Modern APIs.

The #DeepTrack is about all things JavaScript. YOU create the program!

Join us, and let's watch out for solutions and best practices.

JS Kongress

JavaScript has come a long way from the early days of being a scripting language. Today virtually all software projects use JavaScript. Join our exciting sessions and workshops at International JavaScript Conference to take your JS skills to the next level.

Angular, React, Vue.js, NativeScript, Electron, Node.js: Find out how to use JavaScript from frontend to backend, for native mobile, desktop apps, and even cloud native development. Build your own toolchain!

JavaScript is constantly evolving. From latest best practices in single page applications to progressive web apps and serverless computing to blockchain development: Our renowned experts at iJS will bring you the latest trends and cutting-edge technologies in JavaScript and enhance your JS knowledge where it matters.

International JavaScript Conference

Each year at JSHeroes, we pick a couple of topics we want to spotlight. It is not an exhaustive list, but we usually pick themes and topics we wish to raise awareness on, or that we feel need a bit more focus during the event. Nevertheless, JSHeroes is still focused on the technical side, the JavaScript ecosystem and the wonders of the Web.

For 2020, we decided to focus on:

- The past and future of JavaScript and the Web ecosystem
- The impact of technology in society
- The hardships of the day-by-day activities at tech companies

Because we want to reach a greater impact on the JavaScript ecosystem, we have decided to limit the number of talks which are addressing specific frameworks and libraries inside the greater JavaScript/Web world. Most of them have specialized events that are focusing particularly on the needs of those communities.

JSHeroes

Byteconf React is a 100% free single-day conference with the best React speakers and teachers in the world. Conferences are great, but flights, hotels, and tickets are expensive, so not everyone can go. 

Byteconf is streamed on YouTube, for free, so anyone and everyone can attend. 

Byteconf React

ReactEurope is coming back on May 2020 with a new venue this year to provide more comfort and a whole new experience. We've grown a lot these past 5 years along with the React community and our new venue will be more spacious and give people more room to socialize, learn, relax and have fun. We will bring you the best and most passionate people from the very core teams to the coolest people from the community we love.

After changing the way we think about state management in JavaScript applications, the way we write native mobile apps with React Native, how we interact with remote data with GraphQL or even how we manage CSS, the React community keeps innovating and its ecosystem growing.

At this conference, you will learn how new projects such as ReasonML will bring web and mobile React Native apps to the next level and how projects such as React Native Web, React Primitive and Expo make it easy to write, deploy and share code on all platforms quickly. The conference aims to give talks that inspire and explore new futuristic ideas dealing with all the techs we enjoy from the React ecosystem such as React.js, React Native, GraphQL, Relay, Universal apps, ReasonML, Webpack, inline CSS and more.

ReactEurope is also a great occasion to socialize, meet new people and old friends, hack together, taste delicious food and have fun in the beautiful city of Paris.

Join us at ReactEurope Conf to shape the future of client-side, mobile and universal applications!

ReactEurope

For the first time, YGLF is coming to the Baltics. With a growing industry, supported by a lively and passionate community of developers, it’s time YGLF brings some of its magic to Vilnius. Set to take place in the city center, in a freshly renovated, and somewhat hipsterish venue, we plan to bring you big names with irresistible talks and a whole lot of fun!

YGLF is a series of community events built by developers for developers, a non-profit conference aimed at delivering high-quality content on the hottest topics that cutting edge front-end developers need to know. Bringing in internationally recognized speakers and attendees, with the young and vibrant atmosphere of the front-end community, YGLF creates a buzzling bustle of software engineers from around the globe.

You Gotta Love Frontend

Learn More about React, Explore Finland.

React Finland combines the Finnish React community with international flavor. The workshops take place 26-27.05 while the actual conference is between 28-29.05.

In this single track event you will learn more about React and surrounding topics while meeting some of the leading talents of the community. In addition to enjoying the event, this is your chance to explore Finland.

React Finland

JavaScript is #1 on demand programming language in the world with 25 millions of developers behind it. Meet the ones who shape out the now and the future of the prospering nation. 

Amsterdam JSNation is going to be the main happening of the JS scene in 2020. The conference unites library authors and core teams with fresh ideas, great people, and a summer Amsterdam in the background. 

We recognize JavaScript development as an art of engineering, and that's why the conference offers both a JS-driven art exhibition and audiovisual performances during the afterparty. After the event, we'll explore the well-known Amsterdam museums together, and later on, we'll gather for a JS hangout in the Vondelpark.

JSNation

The 2020 edition of ReactNext is an one-day community-driven event packed with advanced lectures by internationally renowned speakers, and networking opportunities with over 750 attendees from all around the world, that share a passion for React. 

ReactNext targets both beginner and experienced devs in two parallel tracks with sessions about React, React Native, Redux, MobX, and everything about the ecosystem.

ReactNext

React Loop is a single day ReactJS conference bringing together a diverse and inclusive group of React enthusiasts from all backgrounds and levels of experience. Speakers will cover topics such as React, React Native, and the related tools in the ever-growing React ecosystem.

React Loop

International single-track and two-day conference covering all about JavaScript and modern web technologies. 

Learn the best practices and case studies from different developer tools, new frameworks, platforms and techniques across the Web stack. Bring fresh ideas back to your business. The perfect conference retreat for passionate developer teams. 

JSCamp

RenderATL is the first major React conference in the Southern United States. Conceived by a team of passionate React engineers who're looking to help drive more diversity, inclusion, and, accessibility into the React ecosystem.

With these goals in mind, what better place to hold the conference than the South's very own melting pot – Atlanta!

The South's got something to say. Will you be a part of it?

RenderATL

ComponentsConf is an Australian conference for front-end and full-stack developers with exclusive focus on JavaScript frameworks where world-class experts share unique insights.
​
The conference features two stages where our speakers will share their knowledge and expertise not only in established technologies like React, Angular and Vue, but also in emerging cutting-edge mobile and web tech stacks.

ComponentsConf

Community, core contributors, insights and tons of knowledge - all this is waiting for you in one of the most beautiful cities in Europe, Wroclaw.

React Native EU

React Amsterdam is a celebration of good things coming together: React that rocks and spring in Amsterdam that blossoms.

A full-day, two-track conference on all things React, gathering Front-end and Full-stack engineers across the globe in the tech heart of Europe. We're coming back with a new gig on April 17, 2020. Mark your calendars for the biggest React community event.

Next to the main conference day, be prepared for a number of hands-on workshops, pre-party meetups, and mini conferences throughout the week of the event.

React Amsterdam

Up your game and network

Join us for a whole day of React(Native), tech conference and networking at the incredible Brooklyn Bowl. React Day New York is for sharing the latest techniques, best practices and to grow your network.

This is an intimate React Day with only 300 available tickets.

React Day New York

CityJS Conference is a JavaScript festival across London, a joint event from the London's JavaScript meetups, including London JS Community, JS Monthly, Halfstack and Node User Group.

This is a fantastic opportunity for the JavaScipt community, and for those aiming to stay in touch with the industry, be updated on innovative changes around the industry and JS as an entity, absorb knowledge while you can hop on and off thought-provoking workshops and talks this is possibly the most central and reasonably priced event to attend in London. 

CityJS

In today’s hype-driven culture, it’s hard to figure out what your next steps in innovation should be. Our curated lineup will guide you through the dense world of JS development to find the optimal learning path for the near future. 

JSConf Budapest

React Live Conference is a unique chance to watch React & React Native experts implementing the latest tools, techniques and principles live on stage, on a 500m2 screen.

A full-day, live-coding focused React Conference in the heart of Amsterdam. Come together on the 2nd of October for a spooky React Conference style gathering of 1000 React and Javascript developers. With React and React Native experts and enthusiasts flying in from across the World to teach you and code - live on the biggest conference screen in the World.

13 Presentations from the World's React & React Native Leaders covering the newest releases, principles and tools to apply when building components with React including: State Management with React Hooks, Fabric, TurboModules and CodeGen as a de-facto standard, Design Patterns, Mobx and Rxjs, React 16+ updates, React Animations with SVG and more!

React Live is a developer run and community driven React conference brought to you by Frontend Love.

React Live

Straight to Business.

Are you into React, React Native, GraphQL, and Reason and hungry to learn from the best?

The React ecosystem and community have grown dramatically in the last few years, as has the complexity of web and JavaScript app development. Don't go the journey alone—connect with a global network of field experts and gain invaluable, behind-the-scenes insights. Engineers of any level are welcome, but be prepared to get hardcore.

React Advanced London is brought to you by the organisers of React Amsterdam and the experts at FocusReactive.

React Advanced

React India is an international community-led non-profit initiative that provides a platform for developers to share and discuss their insights and experiences with React. The three-day conference is the first of its kind in India.

The first of the three days will be focusing on workshops and the following two days will be dedicated to talks on topics revolving around React, React Native & GraphQL. The conference will bring together front-end and full-stack developers from across the globe to Goa, India. 

In this single track event, you will learn more about React and everything related to it while meeting some of the leading talents from around the globe in the developer community. In addition to enjoying the event, this is also your chance to explore Goa! Regular and lightning talks will cover various topics related to React.JS and FE, including React Native, GraphQL, VR and AR, Redux, Preact and more!

React India

Attend _the_ conference to learn how to design, develop, and deploy fast, modern web projects that run on JAMstack, without web servers.

JAMstack Conf

See how Netlify Analytics gives you visibility into your site traffic, without sacrificing performance or privacy.

Announcing Netlify Analytics: data without the downsides. 

Netlify CEO Matt Biilmann demonstrates how Netlify Analytics gives you visibility into your site traffic without sacrificing performance or privacy. 

As a bonus, he launches the new feature live on stage using Netlify!

Introducing Netlify Analytics

An update on the evolving tools, potential, ecosystem, and community associated with the JAMstack.

The State of the JAMstack Nation

What can we do to lower the feedback loop and make it easier to create beautiful websites and apps?

Building websites is a very visual process. The goal often is to make a website that is visually appealing and easy to use. 

However, we're always building websites with code. Changing margins is done by typing, changing font styles is done by typing, and every change often requires you to wait a while before you can see the result. 

During this talk I want to explore how we can make our development tooling more visually oriented. What can we do to lower the feedback loop and make it easier to create beautiful websites and apps?

Making Development More Visual

Insights into Smashing Magazine’s Relaunch — with decisions made, failures, successes and lessons learned along the way. 

You’ve been there: big bang redesigns are usually a very, very bad idea. Redesigning and rebuilding an existing website from scratch is risky and unpredictable, and in many cases the level of complexity is highly underrated and underestimated. In mid-2016, Smashing Magazine has decided to make a big switch from the existing WordPress setup to an entirely new design, entirely new architecture (JAM Stack) and an entirely new, GitHub-based, editorial workflow.

In this talk, Vitaly Friedman, co-founder and creative lead of Smashing Magazine, will share some of the insights into Smashing Magazine’s Relaunch — with decisions made, failures, successes and lessons learned along the way. You’ll learn which challenges the transition from WordPress to a Netlify setup posed, how the team solved them and how things have evolved over years, and how switching a seemingly simple system with a job board, subscription, shop and magazine might slowly turn into a little beast that has to be tamed and cared for.

Big Bang Redesign: Smashing Magazine’s Relaunch, a Case Study

Join one of WeWork's first hires on his journey & decisions that helped shape the global footprint of it's marketing website and its massive growth.

Join one of WeWork's first hires on a 2-person engineering team in 2012 on his journey & decisions that helped shape the global footprint of it's marketing website and its massive growth.

WeWork's Journey to JAMstack

A JS-driven app gets a static render, massively improving the time to first render, and time to interactive. See useful build tools, and learn how to avoid all the gotchas.

In this session, Surma & Jake will take a JS-driven app and give it a static render, massively improving the time to first render, and time to interactive. They'll go through the useful build tools, and show how to avoid all the gotchas.

Setting up a static render in 30 minutes

GROQ (Graph-Relational Object Queries) is a query language for JSON documents designed by Sanity.io. 

In this talk, Knut Melvær (Head of Developer Relations) announces that it’s now open source and does a short demo of the new CLI tool. Check out the specification and tooling at github.com/sanity-io/GROQ.

We're Open-Sourcing GROQ

Recorded at JAMstack_conf_london 2019. Learn about upcoming dates and locations at https://www.jamstackconf.com

Build Modern JAMstack Websites in Minutes

2019 London

The only thing better than TSConf 2018 is - that’s right - TSConf 2019! 

We’re passionate about TypeScript and TSConf strives to be THE community experience where we come together to learn, share, and have a good time.  

TSConf

TSConf 2019 Keynote

TypeScript at the Cutting Edge

Don't Break the Contract: Keep Consistency with Full Stack Type Safety

Binary Arithmetic in TypeScript's Type System

Deno is a New Way to JavaScript

Testing Types: An Introduction to dtslint

MakeCode Arcade with Static TypeScript

Learn how to convince your team to adopt and use TypeScript effectively.

Just Use Any - How to Win Colleagues and Influence Your Boss

TalkScript.fm - Torrey Rice and Nick Nisi interview Anders Hejlsberg, Daniel Rosenwasser and Ryan Cavanaugh of the TypeScript team.

TalkScript with the TypeScript Team

2019

The first conference ever focused completely on TypeScript! Beyond the typical introduction to TypeScript talk, we’ll spend the day discussing best practices and advanced features of the language, including information from key members of the TypeScript team. All in an informal and fun environment!

Opening Remarks

Building StencilJS with TypeScript

Escape the Office: Designing Interfaces for Other Developers

End-to-end type safety with Swagger and TypeScript

TypeScript at Google

When Cross-Platform Is An Understatement: Making Weird Physical Games With TypeScript

Static Analysis and Source Code Manipulation in TypeScript

Reclaiming your sanity: Webpack and Ethereum smart contracts with Typescript

Torrey Rice and Nick Nisi of the TalkScript Podcast record a live episode with the TypeScript team's Anders Hejlsberg, Daniel Rosenwasser, Mohamed Hegazy, and Ryan Cavanaugh at TSConf 2018

2018

dotCSS

A technical retrospective about shipping CSS Grid layout in production, its benefits and some advices on how to use it to its full potential.

Benjamin shares a technical retrospective about shipping CSS Grid layout in production, its benefits and some advices on how to use it to its full potential.

CSS Grid in Production

Laurence explains the manifold benefits for the web: responsive type within responsive design, reduced webfont payload, and much more. 

In September 2016 the font world was super-excited by the announcement (by Google, Microsoft, Adobe and Apple) of the OpenType 1.8 Variable Font format. Development versions of Safari soon supported Variable Fonts via the ‘font-variation-settings’ CSS property. Chrome since added support on all platforms. Yet the technology’s success depends on being embraced by typography’s new vanguard: UX designers and front-end developers.

Laurence explains the manifold benefits for the web: responsive type within responsive design, reduced webfont payload, and much more. He shows how to explore the possibilities of Variable Fonts using his Axis-Praxis website and other tools, encourages dialogue with font makers to make sure they’re making the responsive fonts you need, and explains how to deploy Variable Fonts in real projects.

Variable fonts: a million times the possibilities...

What if we could hack CSS into a search engine? Actually we can, and Tim shows you how to do it.

What if we could hack CSS into a search engine? Actually we can, and Tim shows you how to do it. 

Using only CSS and minimal HTML, it's possible to build a fast, relevant and easy to use search engine... with "only" 8MB of CSS.

Building a search engine in CSS

How do you make CSS easier to work with? Write less of it.

How do you make CSS easier to work with? Write less of it.

The more CSS we write, the more difficult our stylesheets are to work with. When stylesheets are difficult to work with, we're likely to write more CSS. This leads to more bugs, less consistency, and more frustration for both developers and designers.

Adam focuses on both technical and human problems related to maintaining CSS and a few solutions that have worked best at Meetup in our pursuit to write less CSS.

Whether you're working with a legacy website or building a new React application with component-specific styles, he shows you how the most powerful CSS is the CSS you don't have to write.

Write Less CSS

How do you take a complex web application, with a myriad of components and interactions, and make it fully responsive without pulling your hair out for a year?

How do you take a complex web application, with a myriad of components and interactions, and make it fully responsive without pulling your hair out for a year?

Jonathan looks at what Container Queries are, how they can be implemented, what the hurdles are, and even looks at some tricks to avoid needing container queries (or media queries) at all.

Container Queries

One of the key tool for responsive design is getting smarter.

One of the key tool for responsive design is getting smarter. 

Florian gives us a quick look at what we have, which part of the original design turned out to be a bad idea, what we're doing instead, and how to best use it all.

Media Queries 4

The website simultaneously exists and does not exist. 

The website simultaneously exists and does not exist. 

In this talk, Jackie explains the paradox of building user-customizable responsive layouts for a website builder like Adobe Portfolio: how can a developer write the markup and styles for a website, and make it responsive, without first knowing what it will look like?

Schrödinger's Website

Ryan discusses the two biggest challenges facing the CSS-in-JS ecosystem and how compilers can help. 

What's next in CSS at scale? In this talk Ryan discusses the two biggest challenges facing the CSS-in-JS ecosystem and how compilers can help. And finally, he demonstrates the power of optimizing compilers with an experimental compile-to-CSS-and-JS language.

Compilers in styling web UI

With a little bit of math you can achieve an infinity of crazy effects in CSS, using a pre-processor like SASS.

With a little bit of math you can achieve an infinity of crazy effects in CSS using a preprocessor like SASS. Louis shows you how to create a Christmas bauble in pure CSS.

CSS Christmath

Large goals, like mastering web development, are hard to reach. Steffen shows how to break big challenges into small, daily habits.

Large goals, like mastering web development, are hard to reach. Steffen shows how to break big challenges into small, daily habits. This practice can help you to achieve those goals faster and enjoy the process while doing so.

One Step a Day

2017

How does a colorblind designer work with color? Not with his eyes! Instead David relies on reading color hex codes.

How does a colorblind designer work with color? Not with his eyes! Instead David relies on reading color hex codes. 

He shares his process into understanding those six-digit codes and related insights into human vision, computer history, and digital color.

Just added conferences

Recent conferences

Upcoming conferences

JSConf Hawaiʻi 2020

Frontend Developer Love 2020

ReactConf AU 2020

Reactathon 2020

JS Kongress 2020

International JavaScript Conference 2020

JSHeroes 2020

Byteconf React 2020

ReactEurope 2020

You Gotta Love Frontend 2020

React Finland 2020

JSNation 2020

ReactNext 2020

React Loop 2020

JSCamp 2020

RenderATL 2020

ComponentsConf 2020

React Native EU 2020

React Amsterdam 2020

React Day New York 2020

CityJS 2020

JSConf Budapest 2020

React Live 2020

React Advanced 2020

React India 2020