Learn from the best cherry-picked trainers
on June 3 and 4
In this workshop we'll learn how to build cloud-enabled web applications with React & AWS Amplify.
- GraphQL API with AWS AppSync
- REST API with a Lambda Function
- Adding Storage with Amazon S3
- Removing / Deleting Services
GraphQL is an excellent technology to model data and expose it in a very flexible way. It enables product teams to compose data requirements on the client and efficiently query APIs. However, this new paradigm also brings new concerns and potential issues. In this workshop, you will learn how to effectively migrate REST APIs to GraphQL avoiding common pitfalls.
- Thinking in GraphQL: Switching from REST to GraphQL; Schema Fundamentals; GraphQL API
- Scheme Design
- Real-world GraphQL
Full-day, hands-on coding workshop to explore advanced patterns and new features in React. React may be just a simple UI library, but it involves a pretty big ecosystem around it. Explaining the basics and internals is not enough, so in this module we're going to explain the best practices, we're going to learn to "think in React", and apply solutions to real problems that you might encounter in the process of building an app.
We'll explore all the advanced techniques for making flexible and maintainable React components. We'll see how using popular patterns like Higher Order Components, Compound Components, Render Props etc. can help us in simplifying things, making our components more reusable and our apps more declarative.
React 16 comes with some major changes and an update to the core algorithm. In this module, we'll explore some practical use-cases for Hooks, Portals, Fragments, Error Boundaries etc. We'll see how the new Context API can simplify state-management and we'll play with a new feature called react-call-return.
- React Context API
- Higher Order Components
- Render Props
- Compound Components
- Practical use-cases for Portals, Fragments, React.lazy and Suspense<
- and more..
Learn more about workshops from Kitze on his website.
At 10am on Black Friday, your phone rings: the new JS application you deployed came under too much load, and the site has gone down! Your employer is losing sales opportunities... your employer is losing money! But you don’t lose your cool. You log into your cloud provider and tweak your autoscaling settings. Now the deployment can handle the load spike but with four times the number of servers, which is four times the cost. The next day, you try to analyze what happened and begin to optimize your application to prepare for future load spikes. This workshop is a journey into the world of Node.js performance, taking a look at the available tools and optimization techniques inspired by insight gained from glimpsing under the hood of Node and V8.
Morning – Introduction to Node Clinic:
- Solving performance problems
- Problems within Node.js applications
- Promises, Async/Await
- Diagnosing and solving problems in external services
- Exercise: resolving different performance problems (I/O, event loop) with the use of Node Clinic.
Afternoon – Flamegraph Deep Dive:
- When to optimize
- Benchmarking Overview: Load Testing, Soak Testing, Micro-benchmarking
- Performance Workflow.
- Intro to TypeScript and types
- The basics: Primitives, interfaces, classes, generics
- Practical take on JS project migration
- "any", "never", and "unknown". Your buddies for life!
- Real-life benefits - easy refactorings, autocomplete
- and more...
Svelte is a new prominent JS framework exposing “write less do more” philosophy. During this workshop you will get proficiency as a Svelte developer. We will be building an app that mimics the famous Q&A website stackoverflow.com. Will start developing from simple front end components, later we'll connect it to a real running backend and then test it and optimise for production. Attending a workshop is the fastest way to acquire a body of knowledge about building web apps with Svelte.
- Introduction & Local Configuration
- Why Svelte?
- Setup App & Create Components
- Make App Modular with Routing & First Class UX
- Add Real Data & State Management
- Test and Prepare App for Production
- Building the Sumobot (3-wheeled, battery-powered, wireless Robot)
- Installation and Configuration of the Robot Brain (Microcontroller plus Motor Driver)
React keeps on evolving and making hard things easier for the average developer. One case, where React was not particularly hard but very repetitive, is working with AJAX request. There is always the trinity of loading, success and possible error states that had to be handled each time. But no more as the
<Suspense /> component makes life much easier. Another case is performance of larger and complex applications. Usually React is fast enough but with a large application rendering components can conflict with user interactions. Concurrent rendering will, mostly automatically, take care of this.
Join Maurice with your laptop in this interactive workshop. You will learn all about using
useTransition() hook and the
- How to define a GraphQL schema
- How to create query types and implement resolver functions
- How to consume the GraphQL API we have created by making queries and mutations throughout the wonderful GraphQL interface.
Nader has been developing with React Native for over 2.5 years. He has worked with and trained developers from fortune 500 companies like Amazon, Visa, American Express, and Microsoft, helping them to get up to speed with React Native as quickly as possible.
Node.js TSC member, PhD, Technical Director @ NearForm, IoT Expert, Consultant, author of Pino and Fastify. Co-author of the book "Node.js Cookbook, Third Edition" edited by Packt.
Tejas enjoys people, code, and talking about code to people. Having begun coding at age 8, today Tejas travels around the world, encouraging, educating and empowering developers in the web development community.
Mikhail is a developer with 10 years of expertise building web applications. He used a variety of frameworks, throughout his career starting with jQuery , AngularJS and Polymer; then he discovered VueJS and used it for several projects. Since 2019 he became a happy user of Svelte v3. Besides fullstack development for enterprise companies Mikhail is doing open source projects and speaks on meetups and conferences about various topics in modern web development. Mikhail runs a local Svelte meetup group in Amsterdam.
Programmer and artist who works frequently with open-source software, cartography, live coding, and experimental interfaces. She is the developer of Hydra, a platform for live-coding visuals inspired by analog video synthesis. She works with the performance laboratory ATI-erra, creating interactive visuals for dance and theater. She has also created software and interactive installations for CultureHub Art & Technology Center, el Museo de Bogotá, and Oakland Museum of California. Originally from San Francisco, she currently lives and works in Bogotá, Colombia.
Markus works as the CEO and CTO of make.human.technology, where his focus is to make and keep technology human friendly. In his spare time, he likes to tinker with hardware, electronics and robots and thus this was how nodebots was born, at the intersection of the web and hardware.