React For Vikings

•

1 like•1,081 views

Jam3 is a digital agency in Toronto that worked on the Vikings project to evaluate React and F1. F1 is an animation library that uses path finding to describe UI transitions like driving between locations. It works across platforms and with React. Chiefs are components that tell other components what state to be in. States and transitions are defined separately for consistency and testability. F1 is moving toward better documentation, tooling, and integration with design tools.

Internet

WHERE
325 Adelaide Street W.
Toronto, ON, Canada M5V 1P8
Greetings,
CONTACT
Telephone: (416) 531-5263
ONLINE
Web: jam3.com
Email: info@jam3.com
All original concepts, designs and
copy the exclusive property of Jam3
JAM3
REACT
FOR VIKINGS

MIKKO HAAPOJA
● Director of Creative Technology at Jam3
● Wrangling animations creating ui for ~10 years
● Dad to two kids and husband to one wife

JAM3
Digital agency in Toronto
Highly experiential work
+ A lot of animation
+ WebGL
+ Experimental
Lots of open source code
Always hiring

All original concepts, designs and
copy the exclusive property of Jam3
VIKINGS

Worked on Vikings because...
Try out new ways of working
Evaluate React
Evaluate F1

Why is Jam3 using React?
Community
Small/Consistent API
Components, components, components

What was used to build Vikings?
redux
react-router
react-transition-group
react-f1

f1 or react-f1
● A UI animation library - For reals. One F1 instance is one piece of UI
● Inspired by the way designers work
● Highly orchestrated animations
● Cross Platform
■ Works in React, basic DOM, Canvas, or really anything
■ ReactF1 uses F1-Dom and F1-Dom uses F1
● It uses path finding
■ Better separation of concerns

Path Finding
What if you could describe your UI like a map?
● Pickering, Toronto, Mississauga
● Drive from one place to another - this is why it's named F1

Inspired by the way designers work
Design the look/states
Design the animations/transitions
Should produce better path to tooling

Why define states and transitions in
their own files?
Let’s look at the Vikings project...

The power of go and onComplete
Consistent API throughout the entire app.
Very very testable via Unit tests.

The Chief's responsibilities
It's react-f1's boss.
Chief component's tell other components what state they should be in.

A segway into animations via props...
The way that chief works is actually how all React animation's should work.
This is how F1 worked also.
But...

Other Features
Custom parsers
Custom transitions via functions

Where F1 is headed...
Better documentation
Tooling
+ Unit testing harness
+ Integration with After Effects or Animate
+ Gallery
+ Etc.

Links
https://www.npmjs.com/react-f1
https://www.npmjs.com/eases
https://www.npmjs.com/eases-fancy
https://github.com/Jam3/f1-tutorial
https://www.npmjs.com/f1-dom
https://www.npmjs.com/f1
https://www.npmjs.com/budo
https://www.npmjs.com/react-router
https://www.npmjs.com/react-addons-transition-group
http://jam3.github.io/fitc-react-spotlight/
https://www.npmjs.com/~mikkoh
https://twitter.com/MikkoH

THANKS
WHERE
325 Adelaide Street W.
Toronto, ON, Canada M5V 1P8
CONTACT
Telephone: (416) 531-5263
ONLINE
Web: jam3.com
Email: info@jam3.com
All original concepts, designs and
copy the exclusive property of Jam3

What's hot

A Practical Approach to React Native at All Things Open Conference

Tracy Lee

Getting Started with React Native (and should I use it at all?)

Devin Abbott

Some experiences building an Android app with React Native & Redux

Alex Bepple

So you're starting a startup an need best practices for your engineering team. Well, look for: 1. Versionning 2. Branching and Pull Requests (GitHub Flow) 3. Deployment & Continuous Delivery 4. Rollback Strategies 5. Testing 6. Backups 7. Monitoring 8. Communication 9. Issue Tracker / Project Management This deck talks about the tool used by Le Wagon and startup coached by Le Wagon. Le Wagon is the French innovating coding school for entrepreneurs. More info on https://www.lewagon.com

Techical Workflow for a Startup

Sébastien Saunier

Everyday we create services for our systems. A lot of people create RESTful APIs but much more can be accomplished by following best practices and treating your APIs as a product to be consumed by fellow team members, systems and 3rd party consumers. We will discuss what makes a great RESTful API and share some of our experiences building some that power real systems. This was part of JOSA TechTalks project within Jordan Open Source Association, presented by Yazan Quteishat and Tambi Jalouqa.

JOSA TechTalks - RESTful API Concepts and Best Practices

Jordan Open Source Association

Intro To React Native with Varun Vachhar OVERVIEW React Native introduces a new way to write native mobile apps. You can take everything that you know and love about React and apply it to native apps. Unlike hybrid apps, it gives you access to both native APIs and UI components. The application logic uses JavaScript whereas, the UI is fully native! It also brings the best of the web to native, things like – flexbox layout model, XMLHttpRequest, requestAnimationFrame, etc. OBJECTIVE To introduce the audience to React Native. Show how they can leverage their knowledge of web development to build native apps. TARGET AUDIENCE Developers familiar with React who are interested in building native mobile apps. ASSUMED AUDIENCE KNOWLEDGE Basic knowledge of React, ES6 and CSS. FIVE THINGS AUDIENCE MEMBERS WILL LEARN What is React Native How it is an extension of hybrid How to use polyfills to leverage the best of the web while getting native performance How to debug React Native apps How to use Flexbox and CSS for styling a React Native app

Intro To React Native

FITC

The Power of RxJS in Nativescript + Angular

Tracy Lee

RxJS - The Basics & The Future

Tracy Lee

Will be an introduction to

Sayed Ahmed

Client Side Applications with WP-API WordPress - WCMTL 2015

Roy Sivan

Introduction to React Native

Polidea

Azure web functions little bites of services

Aaron Petry

How to build Client Side Applications with WordPress and WP-API | #wcmia

Roy Sivan

Angular elements - embed your angular components EVERYWHERE

Nadav Mary

Building WordPress Client Side Applications with WP and WP-API - #wcmia

Roy Sivan

Testing our applications is something we all do. Ahem, rather, it's something we all *wish* we did. In this chat, I'll introduce you to Behat (behat.org) (version 3!!!!): a behavior-driven-development (BDD) library that allows you to write functional tests against your application just by writing human-readable sentences/scenarios. To sweeten the deal these tests can be run in a real browser (via Selenium2) with just the flip of a switch. If you asked me to develop without Behat, I'd just retire. It's that sweet. By the end, you'll have everything you need to start functionally-testing with Behat in your new, or very old and ugly project.

Grand Rapids PHP Meetup: Behavioral Driven Development with Behat

Ryan Weaver

Introduction to React Native

dvcrn

Introduction to React Native Workshop

Ignacio Martín

MeteorJS Session

Shreyans Gandhi

Anko & Karamba in Kotlin by Bapusaheb Patil

Bapusaheb Patil

What's hot (20)

A Practical Approach to React Native at All Things Open Conference

Getting Started with React Native (and should I use it at all?)

Some experiences building an Android app with React Native & Redux

Techical Workflow for a Startup

JOSA TechTalks - RESTful API Concepts and Best Practices

Intro To React Native

The Power of RxJS in Nativescript + Angular

RxJS - The Basics & The Future

Will be an introduction to

Client Side Applications with WP-API WordPress - WCMTL 2015

Introduction to React Native

Azure web functions little bites of services

How to build Client Side Applications with WordPress and WP-API | #wcmia

Angular elements - embed your angular components EVERYWHERE

Building WordPress Client Side Applications with WP and WP-API - #wcmia

Grand Rapids PHP Meetup: Behavioral Driven Development with Behat

Introduction to React Native

Introduction to React Native Workshop

MeteorJS Session

Anko & Karamba in Kotlin by Bapusaheb Patil

Viewers also liked

Every URL visited from the Facebook iPhone app is done through a webview. Same with Twitter. Even if you don't have a mobile app, your website gets a lot of traffic from webviews. And yet, testing on webviews is challenging. There are significant performances differences between UIWebView vs WkWebView, and similarly for Android webview vs the new Chromium webview. And what about home screen apps?! In this talk, Steve Souders discusses the differences across webviews and how that affects performance of mobile web apps.

do u webview?

Steve Souders

ES2015 workflows

Jarrod Overson

NY Web Performance - DNS as a Web Performance Tool

NS1

Design+Performance

Steve Souders

Bend dynamics and perceptions with conflict resolution and emotional safety tips

Jenn Turner

ReactJS for Beginners

Oswald Campesato

Functional Reactive Programming in Javascript

Brian Lonsdorf

FITC events. For digital creators. Save 10% off ANY FITC event with discount code 'slideshare' See our upcoming events at www.fitc.ca The Shifting Nature of FED Role with Ron Edelen OVERVIEW Over the past few years, there has been more emphasis on the capabilities of a front-end “themer” who implements re-usable systems, over a front-end designer (FED) who challenges the norm and strives for something novel. The responsive design revolution has made the web increasingly more complex to design, forcing us to embrace standardization and find opportunities for reducing labour in order to increase profit. The resulting trend: front-end development is more effectively executed by a robot. History shows us that automation leads to a shift in the nature of labour. Wether or not you share my belief in a robot take-over, I will share techniques that may change your current perception of the FED role. I will also show practical examples of rapid experimentation, giving you the unfair advantage moving forward. As soon as you label something, you stop thinking about what else it can be. OBJECTIVE A look at the state of the industry and how the future of FED requires us to provide more value than just arranging boxes and text on a screen. TARGET AUDIENCE Front-end developers, interactive designers, motion designers, UX designers, UI designers. ASSUMED AUDIENCE KNOWLEDGE Basic knowledge of FED best practices and frameworks. FIVE THINGS AUDIENCE MEMBERS WILL LEARN The fast pass to badass is embracing automation of development tasks so that you can free up time to pioneer new challenges Layout building skills is no longer a differentiator, how design is valued these days and the massive importance of animation Learn how to recognize when we are too reliant on automation frameworks, e.g. responsive web design as your only mobile strategy is a waste of time Walk away with techniques for using WebGL, WebVR, three.js and other frameworks to create rich, interactive content, shifting the role of FED from layout to content creation Tools and tips for experimentation and re-invention, how to invent visual and interactive methodologies that have the potential to become new standards

The Shifting Nature of FED Role

FITC

Hardware for a_soft_world_bkup

FITC

Ten things mobile game designers get wrong and how to fix them: Ever play a game that could be awesome if it were not for one little thing? Or worse, you play a game that causes you to verbally curse it, uninstall it and leave you wondering why millions of people play that game? You are not alone. Come to this session to learn the top ten mistakes mobile game designers make and best practices to help you avoid making those mistakes, all while vastly improving user experience. Don’t make a game others hate. Attendee takeaway: Without referencing specific game titles (we don’t want to upset anyone), attendees will learn about game design elements that detract or ruin a perfectly good gaming experience and how you can fix or improve the user experience by following some core game design best practices. Intended audience: Any mobile game developers/designers/testers Presented at FITC Toronto 2014 on April 27-29, 2014 More info at www.FITC.ca

I HATE YOUR GAME with Bob Heubel

FITC

Managing Responsive Design Projects with Andrew Smyk Presented on September 18 2014 at FITC's Web Unleashed Toronto 2014 Conference Please join Andrew Smyk in this session to learn and discuss how to: Manage client expectations and get sign off for multi-screen, responsive projects with interactive mock-ups. Move away from the traditional use of Photoshop for interface mock-ups for multi-device interface and interaction designs. Incorporate client involvement for flexible decision making in responsive web design projects and building cost of devices into pricing models, guerrilla usability testing and project deliverables. OBJECTIVE Learn why you should be designing at the very end in the desired devices. TARGET AUDIENCE This session is for freelancers, account managers, project managers or anyone who produces deliverables for clients. ASSUMED AUDIENCE KNOWLEDGE Attendees should have a working knowledge of project workflows and deliverables. AUDIENCE MEMBERS WILL LEARN Wire-framing in the browser Moving away from Photoshop mock-ups Flexible decision making using dynamic mock-ups Guerilla user testing Building a device lab and device testing Exposure to new tool sets

Managing Responsive Design Projects

FITC

5 Things Every Designer Should be Doing Right Now with Paul Trani Presented at FITC Toronto 2015 More info at www.fitc.ca OVERVIEW Ever wonder if there’s an easier way to design effectively and work with CSS and HTML? How to get assets out of a PSD an in a meaningful web format? How to collaborate with others and make sure everyone is on the same page? What about design trends? In this talk, you’ll learn the five things every designer should be doing. From HTML, to CSS to images to just keeping your sanity. The end result is less time redoing and more time creating. OBJECTIVE Learn the five things that every successful web designer should be doing. TARGET AUDIENCE Web designers FIVE THINGS AUDIENCE MEMBERS WILL LEARN Understand design trends. How to use Photoshop for web design. Reusing assets without recreating. Intelligent use of type. Creating for mobile and high DPI devices.

5 Things Every Designer Should be Doing Right Now

FITC

FITC events. For digital creators. Save 10% off ANY FITC event with discount code 'slideshare' See our upcoming events at www.fitc.ca OVERVIEW Humans crave the story of the lonely genius. Isaac Newton, Albert Einstein, Steve Jobs. We love to pin our most extraordinary creative accomplishments on a single, brilliant, God-like being. There’s just one thing about all of these lonely genius stories: they’re bullshit. Every true innovation is the result of collaboration. And in today’s world of overwhelming speed and complexity, we need to rethink the way we collaborate now more than ever. In this talk, Graham will share tangible insights from the hackathon-inspired collaborative creative process that Goodby Silverstein & Partners is using to work with startups and win new business pitches. OBJECTIVE Learn practical strategies for running successful collaborative hackathons with interdisciplinary teams and clients alike, as well as best practices for keeping that creative momentum moving forward. TARGET AUDIENCE Agency folks, creatives, project managers, freelancers, hermits FIVE THINGS AUDIENCE MEMBERS WILL LEARN The ground rules of a successful collaborative hackathon The value of interdisciplinary perspectives in the creative process How job titles create unnecessary divisions that foster baton-passing How to build collective ownership and sell through big ideas How to turn a new business pitch into a co-working session

Reinvent Your Creative Process with Collaborative Hackathons

FITC

It’s the Experience That Makes the Product, Not the Features with Lee Dale presented on March 07 2015 at FITC's Spotlight UX/UI More info at www.fitc.ca OVERVIEW All too often, products are brought to market with a feature-first approach. A list of functions that are needed to meet business goals such as sign-ups or downloads, views or shares. There’s little thought that’s gone into who the user of the product will be, what their goals are, and what it will take to provide meaningful value to them. We’ll look at what it means to bring a focused, valuable Minimum Viable Product (MVP) to market. An MVP that can help you learn how to better serve your users, and the business that’s footing the bill. OBJECTIVE To understand that no great product began with a list of features. It’s the experience that engages users and drives adoption, so it’s the experience that you need to focus on when bringing a product to market. TARGET AUDIENCE Product Owners, Developers, Founders, UX/UI Designers. ASSUMED AUDIENCE KNOWLEDGE This should be a great introduction for folks who are thinking of bringing a product to market or are working on a product which isn’t quite connecting with its intended audience. FIVE THINGS AUDIENCE MEMBERS WILL LEARN Great digital products do just one thing really well. They serve a target that can’t live without that one thing. Features are a byproduct of the product experience—they don’t drive the experience. You need to deliver a focused MVP to market. Then learn from that MVP and continue to refine the experience for your users, and your business.

It’s the Experience That Makes the Product, Not the Features

FITC

Presented at FITC Toronto 2016 See details at www.fitc.ca Interactive narrative hasn’t changed much in forty years – it’s still ruled by limited options and predestined outcomes. While digital RPG gameplay has become more sophisticated, the stories remain rather basic (albeit better disguised). Remarkably, we still haven’t matched the tabletop role-playing experience. We need to approach interactive story from a different angle, one that’s natively digital and that takes full advantage of the new content platform paradigm. It won’t be easy, it’ll take a lot of time… but WE’RE WIZARDS, right?! Objective To explore the potential of a truly emergent narrative, and explain how playing tabletop role-playing games can get us there. Target Audience Storytellers, creators, writers, game developers, and gamers. Five Things Audience Members Will Learn An abbreviated history of interactive storytelling Different approaches to interactive narrative; their pros and cons Sneaky tricks good Game Masters use to get players invested in a game How to convert player agency into dramatic agency (also great for GMs) That they want to play a tabletop RPG (if they haven’t already).

Emergent Narrative: What We Can Learn From Dungeons & Dragons

FITC

Designing Interactive Experiences for Kids of All Ages with Mark Argo From museums and science centres, to workshops and digital objects – the involvement of ‘play’ in interaction design helps bring audiences together to enjoy and engage. In this talk, Mark will describe how ‘play’ has become a central element in Aesthetec Studio’s work and share some of his experiences with interaction design over the past ten years. Presented at FITC Toronto 2014 on April 27-29, 2014 More info at www.FITC.ca

Designing Interactive Experiences for Kids of All Ages with Mark Argo

FITC

FITC events. For digital creators. Save 10% off ANY FITC event with discount code 'slideshare' See our upcoming events at www.fitc.ca A Journey with React with Tasveer Singh OVERVIEW React has been receiving a lot of buzz lately but does it live up to it? Taz was curious about this exact question and decided to embark on a journey to find out more. Since then he has fallen in love with React, its simple paradigm, and what it has enabled him to do. From modelling large front-end applications with Flux and WebPack code splitting to search engine optimized isomorphic rendering, he really has explored React from one end to the other and will share his experience and insights with you along with tips and tricks along the way. OBJECTIVE To provide the audience with enough information to understand how React is different and to explore further. TARGET AUDIENCE Intermediate to Advanced JavaScript developers. ASSUMED AUDIENCE KNOWLEDGE Basic knowledge of client side JavaScript frameworks, JavaScript modules, ES6, asset management, SEO, and isomorphic JavaScript. FIVE THINGS AUDIENCE MEMBERS WILL LEARN What is React How React is different Pros and Cons of a Flux architecture Pros and Cons of WebPack Pros and Cons of Isomorphic JavaScript

A Journey with React

FITC

Adapt or Die with James Callahan and Andrew Jones OVERVIEW FutureDeluxe is an experimental creative studio driven by research, technology and the pursuit of new aesthetics and techniques. As a studio, 30% of their time is spent exploring different disciplines and developing new ways of working. This allows them to continually adapt and evolve their (and their clients) creative output. OBJECTIVE They’ll explore both the pros and cons of growing a creative studio with experimentation at its heart. TARGET AUDIENCE Industry professionals & students FIVE THINGS AUDIENCE MEMBERS WILL LEARN Adapt or die They don’t know what they want until you show them Growing up doesn’t have to mean giving up Inhale the good shit and exhale the bullshit Go home and go home happy

Adapt or Die

FITC

Design that’s easy on the brain with Ryan Coleman Presented on March 07 2015 at FITC's Spotlight UX/UI More info at www.fitc.ca It’s one thing to make design that’s easy on the eyes – but how about designs that are easy on the brain? How we see the world is incredibly complex – very little of the world is in focus at any one time, and our brain is required to do a lot of the heavy lifting to let us see what we see. Have you ever wondered why certain colours work together better than others? how irritating it is when two things aren’t perfectly aligned? or why yours eye goes straight to that flashing icon in the bottom of the screen? To take in the vast amount of information our eyes provide to our brain it’s had to come up with some quick shortcuts that let it make sense of what we’re seeing – In this session we’ll dive into those shortcuts and examine how we can improve our designs by using them to our advantage. OBJECTIVE Help design professionals understand the way we process what we see in the world and how designing to appeal to our base visual processes can result in better overall designs. TARGET AUDIENCE Anyone responsible for creating visuals, documents or images that other people will look at FIVE THINGS AUDIENCE MEMBERS WILL LEARN A deeper understanding of how we process the world around us The difference between what we see and how we see How to train your viewers brain to understand your designs more efficiently Easy to remember rules for creating brain pleasing designs Why Waldo is so damn hard to find.

Design that’s easy on the brain

FITC

Squishy Pixels with Varun Vachhar Presented at FITC's Web Unleashed Toronto 2014 Conference on September 17 More info at www.FITC.ca Adaptive Web Design and Responsive Web Design are often presented as competing design strategies. However, Adaptive Web Design is a superset of techniques aimed at crafting sites which provide an optimal user experience across multiple screen sizes. Responsive Web Design is just one such technique. In this session, Varun will cover the major techniques that make up the Adaptive Web Design strategy, how and when to choose these techniques for creating contextually-aware web experiences, and will give an introduction to building responsive layouts using CSS Flexbox. OBJECTIVE To demystify the world of multi-device and cross-platform web design. TARGET AUDIENCE Web designers and developers ASSUMED AUDIENCE KNOWLEDGE Intermediate HTML and CSS. Basic design knowledge. FIVE THINGS AUDIENCE MEMBERS WILL LEARN What is Adaptive/Responsive Web Design Where responsive design fits in an adaptive web design strategy Other techniques that are a part of an adaptive web design strategy How/when to pick from the various available strategies Introduction to layouts with CSS Flexbox

Squishy pixels

FITC

Viewers also liked (20)

do u webview?

ES2015 workflows

NY Web Performance - DNS as a Web Performance Tool

Design+Performance

Bend dynamics and perceptions with conflict resolution and emotional safety tips

ReactJS for Beginners

Functional Reactive Programming in Javascript

The Shifting Nature of FED Role

Hardware for a_soft_world_bkup

I HATE YOUR GAME with Bob Heubel

Managing Responsive Design Projects

5 Things Every Designer Should be Doing Right Now

Reinvent Your Creative Process with Collaborative Hackathons

It’s the Experience That Makes the Product, Not the Features

Emergent Narrative: What We Can Learn From Dungeons & Dragons

Designing Interactive Experiences for Kids of All Ages with Mark Argo

A Journey with React

Adapt or Die

Design that’s easy on the brain

Squishy pixels

Similar to React For Vikings

Fitc React Spotlight 2016 - React for Vikings

Mikko Haapoja

Svelte the future of frontend development

twilson63

Functional programming is reemerging in popularity but can be difficult for you to use at your day job. At the same time automated browser testing is very practical and has become something that every developer can at least dip their toe in. Canopy, a simple framework in F# on top of Selenium for writing UI automation and tests, can be a great way to start learning a functional language. This talk will explore some of the basic functional concepts targeting those are new to functional programming and show how they can be practically used to automate your browser testing.

Functional Browser Automation Testing for Newbs

Bryan Arendt

In this case study, we will look at how F# helps tackle the complexity; its type system allows for a clean and intuitive representation of the domain, while keeping us from introducing all sorts of accidental bugs. In the modern web applications, the issues are many. Developers must be expert of different stacks to be able impact the software. One of those issues is to be able to move from the back-end to the front-end using different languages which involves a lot of context switching and potentially duplicating code such as for validation, or introducing bugs by manually creating objects in a Javascript and sending them back to the server for it to handle. SAFE brings many technologies together into a single type-safe and flexible F# stack. It enables skill reuse since the models can be shared and all you’re required to know is F# for your next web application.

Domain Modeling & Full-Stack Web Development F#

Kevin Avignon

React or Angular and SharePoint Framework Development

Darin Dickey

Oracle Forms has still a large install base. However the world is moving on and especially since the deprecation of the Java applet specification, which forms the foundation for Oracle Forms, many customers are looking for an alternative. Many customers have invested heavily in Oracle Forms technology and especially in (sometimes not too well documented) business logic in the Oracle Forms screens. How are you going to upgrade your application in a future proof way? Two leading Dutch Oracle consultancy firms: Qualogy and AMIS have addressed this challenge: enter Qafe. Qafe is a Oracle Forms conversion tool which converts your Oracle Forms into a high quality ADF application, backed by logic in the Oracle database. In this presentation, we’ll show you how you can easily convert your existing Oracle Forms application to ADF in minutes!

Beyond the Oracle Forms Horizon: from Forms to ADF in minutes

infoqafe

Oracle Forms Conversion "An automated Approach"

Rokesh Jankie

Wds leanengineering-141103233017-conversion-gate02

Shivam Prajapati

Group 2 powerpoint 2

JSLCasmedia

Yatoto-technical

Ivailo Bardarov

In 1999, PayPal's name was synonymous with innovation. In fact, the so called PayPal Mafia (original founders) went on to establish Tesla, SpaceX, YouTube, Skype and other startups. They also provided the early investments of many of the most innovative companies on the internet today. But over time that innovation slowed to a crawl. In 2011 a number of things begin to come together for PayPal that started its journey back to innovation. This is the story of that reboot and how engineering has played a key role in partnering directly with product and design to move from a culture of products having a long shelf life, to one of rapid experimentation. In this talk, Bill will outline the principles of Lean Engineering; principles for engineering that enable learning. Drawing from his experience leading User Interface Engineering at both Netflix & PayPal, Bill will walk you through the key principles your engineering team will need to adopt to be that enabler for product and design in your organization. This talk will not just inspire you, but it will also give you some hard earned advice on making this a reality in your organization.

Lean Engineering: How to make Engineering a full Lean UX partner

Bill Scott

Functional webapplicaations using fsharp and suave

Tomas Jansson

HiUED 前端/web 發展和體驗

Bobby Chen

Atlassian has been building out the Teamwork platform, bringing cross-product experiences like the rich-text editor to all of our products. Extending the Teamwork platform presents a new opportunity for developers. In this talk, we'll share more on what the Teamwork platform is, where is it available, and explore how we’re thinking app developers might extend the platform. Learn more about the future vision of building cross-product apps, consider what new opportunities it might present for your team, and give early feedback for how you’d like to see it evolve.

An Exploration of Cross-product App Experiences

Atlassian

Presented at FITC Toronto 2016 See details at www.fitc.ca Hear and walk away with the best open source libraries and tools Jam3 has produced out of its collection of over 100 repositories. Learn how an award-winning agency has gone from being closed source to sharing its “secret sauce” with the community while still staying sane and profiting. Objective Exploring some of Jam3’s open source gems Target Audience Web developers, digital agencies, creative coders. Five Things Audience Members Will Learn Why you should Open Source Jam3’s Open Source tools and libraries How to Open Source your company How to manage over 100 Open Source repositories How to create more reusable and modular code

Open Sourcing the Secret Sauce

FITC

The talk will cover how to effectively build a production-ready, full-stack app with Golang and GCP under time constraints. I'll discuss how to approach making quick and sound technical decisions and how to apply modern software engineering practices for end-to-end apps. The presentation shows, in an opinionated and "meme-ful" way, various lessons learned, tools, and key takeaways for cloud environments.

Building a full-stack app with Golang and Google Cloud Platform in one week

Dr. Felix Raab

YouTube presentation: https://www.youtube.com/watch?v=pBkMZcj3Xoo Who needs Scully and Mulder when you can join two Sitecore technical demo gods to see the new capabilities of Sitecore Path Analyzer, a next-generation tool for visual data exploration and analysis on top of Sitecore Experience Database. Learn how we applied hot JavaScript technologies, including d3.js and react.js, and see the new front-end developer workflow used while developing on this completely new stack. Find out how we optimized performance, and all kinds of crazy futuristic things you can do with this technology. Speakers: Alex Shyba, Sitecore Fellow - Sitecore & Adam Weber, Advanced Innovation - Sitecore

Path Analyzer X-Files: How We Built the Ultimate xDB Forensic Tool

Sitecore

Ottawa unity user_group_feb13_2015

Karman Interactive

Expo - Zero to App.pptx

😎 Anthony Kariuki

Different paths of mobile development

Alkuvoima

Similar to React For Vikings (20)

Fitc React Spotlight 2016 - React for Vikings

Svelte the future of frontend development

Functional Browser Automation Testing for Newbs

Domain Modeling & Full-Stack Web Development F#

React or Angular and SharePoint Framework Development

Beyond the Oracle Forms Horizon: from Forms to ADF in minutes

Oracle Forms Conversion "An automated Approach"

Wds leanengineering-141103233017-conversion-gate02

Group 2 powerpoint 2

Yatoto-technical

Lean Engineering: How to make Engineering a full Lean UX partner

Functional webapplicaations using fsharp and suave

HiUED 前端/web 發展和體驗

An Exploration of Cross-product App Experiences

Open Sourcing the Secret Sauce

Building a full-stack app with Golang and Google Cloud Platform in one week

Path Analyzer X-Files: How We Built the Ultimate xDB Forensic Tool

Ottawa unity user_group_feb13_2015

Expo - Zero to App.pptx

Different paths of mobile development

Cut it up

FITC

Presented at Web Unleashed 2019 More info at www.fitc.ca/webu Andréa Crofts League Overview Examining our responsibility as creators to design for disconnection. The “restore connection” alert isn’t just for devices– it applies to people too. And it’s more important now than ever before. Digital creators, we need to talk. The rise in mental health as a result of situational stress is a prevailing theme in today’s society, and some of the products we’re building are the root cause. But we have the power to change this. As creators of digital products, how might we enable our users to be more present in their lives? How might we invest in features like Instagram’s activity timer, despite the fact that they’re fundamentally counterintuitive to the usage metrics most behemoth tech companies are driving towards? We have a responsibility as creators of digital products to enable others to disconnect …and re-connect with themselves, physically and mentally. This intersection is an emerging category Andrea likes to call digital health, and it’s something we can create together. Objective To share actionable strategies, principles and considerations for designing with digital health top of mind. Andrea will get into some #realtalk about how we can collectively create more balance and presence for the humans using our products. Target Audience Designers and digital creators of all kinds – especially those building digital products at scale! Level Open to audience members of any skill level (this is a more high-level talk) Five Things Audience Members Will Learn Tips and best-in-class examples of designing for digital health Design guidelines and principles for designing with digital health in mind Evidence-based practices to ground your future design decisions Strategies for re-framing the success metrics of digital products Design ethics resources

Designing for Digital Health

FITC

Presented at Web Unleashed 2019 More info at www.fitc.ca/webu Luke DeWitt REDspace Overview JavaScript’s popularity has exploded over the last decade, taking it from a laughable scripting language to one that powers much of the web today. Because it’s so flexible and so easy to learn, it’s extremely popular with new developers looking to cut their teeth in programming. However, these strengths are also weaknesses, as it’s incredibly easy to write bad JavaScript without even knowing it. A lot of these newer developers jump from “Hello, World!”, to TodoMVC in order to find the library that makes their life easier. By doing this, they skip over some of the important details of not only how JavaScript works, but also how to optimize its performance to ensure the best user experience. The Chrome profiler is a very handy tool that not a lot of developers have experience with. In this talk, we’ll take a beginner’s look at the profiler tool and examine how to use it to best improve your web application, and identify bottlenecks in your code without having to rely only on console.log statements. Objective To help developers understand how to better make use of the JavaScript profiler. Target Audience Any JavaScript developers Assumed Audience Knowledge Basic JavaScript Level Beginner / intermediate Five Things Audience Members Will Learn Javascript inner-workings Profiling concepts Identifying bottlenecks Profiling node applications Tooling

Profiling JavaScript Performance

FITC

presented at Web Unleashed 2019 For more info see https://fitc.ca/event/webu19/ Kevin Daly RBC Ventures Every developer has faced the difficult choice of deciding what tech stack they should use for a new project. Should you use the latest tech or something that everyone knows? Which framework is the best for your team? To survive your tech stack, developers must make trade-offs with developing on new tech stacks and the ability to maintain and scale their applications. In this presentation, you’ll learn how to evaluate your tech stack and understand the pros and cons of using bleeding edge technology. Using his past experiences, Kevin will also share his lessons learned and how his team tackles managing their tech stack today.

Surviving Your Tech Stack

FITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Bushra Mahmood Unity Technologies Overview In this talk, Bushra Mahmood will explain how to articulate and pitch augmented reality as a viable medium to help solve problems. Learn about what makes an AR application come together on both mobile devices and headsets. Uncover different tools and methodologies for problem-solving and making a compelling story. By properly understanding this technology and its parts, creatives can take an active role in shaping and defining this new space in computing. Objective Learn the tools and techniques required to pitch an augmented reality project. Target Audience Designers, product managers, product stakeholders. Assumed Audience Knowledge An understanding of product design and an awareness of AR Five Things Audience Members Will Learn The right language to use when explaining ‘spatial’ design The different requirements and considerations for scoping an AR project The tools that are currently available for AR authoring Insights into what the near and far future will hold for this medium. An example of an AR application pitch

How to Pitch Your First AR Project

FITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Karri Ojanen RBC Royal Bank of Canada Overview Over the past number of years companies have adopted the idea of customer-centricity. People across functions can fluently talk about the importance of paying special attention to end-user needs and overall customer experience. But innovation and forward-thinking ideas that connect both customer and business needs can’t simply be squeezed out of brainstorm sessions and sticky notes if the organization doesn’t learn how to effectively look outside of its own silos. In this session, Karri will show how to move from jumping to solutions to driving innovation by understanding the question first. Target Audience Designers, researchers, strategists, product managers, and technology leads Three Things Audience Members Will Learn Methodologies and tools to form insights out of a holistic understanding of customer challenges How to synthesize data to form a vision of the better future How to break the vision into manageable chunks that drive value for the business and the customer at every launch

Start by Understanding the Problem, Not by Delivering the Answer

FITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Alan Williams Imaginary Forces Overview During dailies as an intern at Imaginary Forces, Alan’s director, Karin Fong, would follow her animation feedback with one of the scariest and empowering questions of his career, “what do you think?” Over the last eight years, Alan’s transition from technician to creative director came from a dramatic shift in how he approached and answered that question. By examining larger conceptual principles to practical application in commercial and tv/film design, such as HBO’s Vinyl and Netflix’s Anne with an E, he will share hard-learned lessons that can empower you, whether in Photoshop, behind a camera, or pitching to clients, in developing and selling your creative voice. Target Audience Visual communicators eager to become more evocative storytellers Five Things Audience Members Will Learn ‘Method branding’ in a selfie culture O.C.D. (observe, collect, dissect) & the imagination The resuscitating power of rearrangement Pertinence vs pipeline: the crippling cage of routine Less pitching, more poetry

Cocaine to Carrots: The Art of Telling Someone Else’s Story

FITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Carl Sziebert Google Overview Innovation is defined as the process of making an idea into a good or service that creates value by meeting a need or solving a problem at scale. This talk explores ways to find inspiration from everyday sources, invest in skills that foster collaboration, and identify opportunities for impact. While leveraging the core principles of and learnings from designing products for real people, Carl will examine a number methods for building creativity and innovation into our everyday work. Target Audience For individual contributors looking to cultivate opportunities for impact and find the right time, space, and tools to innovate in our everyday work. Five Things Audience Members Will Learn A bottom-up approach to framing innovation within your daily work Identify and validate opportunities that make an impact Prioritize, prototype, and build understanding of the problems you are solving Collaborate locally and globally Seek, give, and apply feedback often

Everyday Innovation

FITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Chris Zacharias imgix Overview The average website loads over 1.5MBs of content per page, making over 75 requests. Many popular websites are serving over 5MBs just to load their homepages. And these numbers represent measurements taken AFTER compression is applied. The full weight of many popular websites is pushing 20+ MBs these days. In an era where performance truly matters to the end user experience, web developers need techniques to help curtail this bloat in data down the wire. No matter how well you optimize, there is no better way to than to delete things you do not need. How does one determine what is essential to the user experience and what is not? One answer Chris posits is to develop a hyper-lightweight version of your website which will provide critical insights into your specific performance priorities. This is a process that he has leveraged on many projects, in particular at YouTube to reduce the size of the video watch page from 1.5MBs to 100KBs. In this talk, Chris will take real-world web pages and show techniques for dramatically reducing their page weight and for identifying areas to optimize, while outlining the key steps to doing this well. Objective Learn a process for building a hyper-lightweight version of your website for establishing reasonable performance budgets, grounded in reality, to work from. Target Audience Web developers Assumed Audience Knowledge HTML, CSS, Javascript, some server-side awareness. Level Intermediate Five Things Audience Members Will Learn How to analyze a web page for performance issues A holistic approach to deconstructing an existing website A clear process for building a hyper-lightweight version of your website Translating your findings into real performance priorities Establishing a realistic performance budget

HyperLight Websites

FITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Michael Fullman VT Pro Design Overview An exploration of the process of creation. We live in a time where technology and inspiration are more readily available and accessible than ever before. That being said we also live in a time that mostly highlights the successes of projects and process. In this particular talk Michael wants to touch on the process of creation with technology at VT Pro, to further explore a full circle approach to inspiration and creation where often times our next project is inspired by something learned in the process of creating something else. By exploring what went wrong and what went right in a number of different projects he’s created, Michael will touch on points where inspiration can be found in this world of seemingly endless technology; the importance of collaboration; what can be learned from the moments that don’t necessarily go as planned; and how often projects come close to failure than the audience ever knows. Lastly he wants to touch on the process of finding personal inspiration to inspire an audience, and the momentum to push further that comes from their energy. Objective Things often don’t go as planned, but often that’s the fun part. Target Audience Creative technologists and experience designers Five Things Audience Members Will Learn Collaborative process Giving personality to a piece of technology How to learn from the unexpected We all start somewhere (the journey is just as important as the destination) Everything is possible now

Everything is Terrifying

FITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Sands Fish MIT Media Lab Overview Today, the environments that humans occupy in space are designed for survival. Humans are carefully shuttled to and from space, and during their relatively short stays, they are provided with minimum supplies to remain alive and able to perform experiments. As we begin to plan less for short visits and more for life in space (such as a six to eight month trip to Mars and beyond) the question becomes: What does human culture look like in space? This talk will explore how human culture, design, and creativity might evolve as we begin to live in space, and the unique environmental conditions that might guide us in certain directions, just as the environment on Earth has. It will discuss space tourism, living in zero gravity, and some experiments in art and design that hint at future aesthetics. Objective Convey what opportunities exist at the outset of a more democratized New Space age, and call out the aesthetics, ethics, and cultural frontiers we find ourselves faced with at the end of the second decade of this century. Target Audience Those interested in the future of human life in space Five Things Audience Members Will Learn The history of human culture in space Unique design constraints and considerations when designing for zero gravity The experience of flying in a zero-g flight The aesthetics at play in human spacefaring — (what has been) New forms, new materials, new ideas — (what might be)

Post-Earth Visions: Designing for Space and the Future Human

FITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Lindsay Munro Adobe XD Overview Your social network could be more valuable than the work you’re doing today, because it could (and should) lead to the opportunities you get tomorrow. Your next post could result in your next recommendation, job, collaboration, exhibit, and next level experience. In this session, you’ll learn how to hone and build your online social media presence to attract brands and engage in the modern-day endorsement deal. Get a behind-the-scenes perspective on the things brands look for in creative profiles and the rules of engagement. Objective Teach the ins and outs of what it means to be a creative social influencer. Target Audience Creatives looking to up level their social media presence and strike brand partnerships. Things Audience Members Will Learn How to set yourself up for “success” on social media The importance of working with the right brands Figuring out compensation and negotiating contracts The ins and outs of disclosure and liability How to not mess it up

The Rise of the Creative Social Influencer (and How to Become One)

FITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Amelie Rosser Jam3 Overview For the past two years Jam3 worked alongside Joy Kogawa and the NFB to create East of the Rockies, an augmented reality storytelling experience. East of the Rockies is the first interactive AR game of its kind. The story takes users through a piece of Canadian history where Japanese Canadians were forced to leave their homes and live at internment camps during WWII. This talk will cover the creation of the game: from concept and storyboarding, to the development process in Unity and various challenges and questions to consider from a creator’s perspective. Objective To let the audience in on the behind the scenes of developing an AR experience like East of the Rockies. Target Audience For those interested in Augmented Reality storytelling and game development. Five Things Audience Members Will Learn AR techniques using Unity Storytelling in AR Prototyping interactions in AR Game state management using Unidux Game optimization techniques in Unity

East of the Rockies: Developing an AR Game

FITC

The Knowledge Society: Three Talks About the Future Futurism Innovation Science Isabella Grandic The Knowledge Society Overview Join three incredible, young, and brilliant minds as they present their findings on topics that we’ll all have to deal with in the not so distant future. This series of talks will explore how exponential technologies like synthetic farming, nanotechnology, and quantum computing can be used to solve some of the world’s most difficult problems. The speakers are all students of The Knowledge Society (TKS), a human accelerator for high school students designed to help them impact billions. TKS encourages students to take risks and think big. Ayaan Esmail‘s talk will cover creating a proactive healthcare system

Creating a Proactive Healthcare System

FITC

R.C. Woodmass Crescendo Overview The reports are in: how we relate to technology directly affects how we relate to other humans, to our environments, and to ourselves. Are we headed for a technological dystopia, where robots are in charge and empathy is just a word for the history books? Not necessarily! Learn how the interfaces we interact with can teach us how to be better communicators, increase our understanding of each other, and how product design might be the key to building a positive future for all. Objective Directly address fear and skepticism about technology, inspiring all who design and build tech to think more empathetically when building UX and UI. Target Audience Product designers, HR specialists, and anyone skeptical about technology Three Things Audience Members Will Learn How to create user interfaces that are flexible enough to include everyone, even if they can’t keep up with all the different identities and new labels that people are using What is conversation design, and how it has the power to teach people how to communicate How AI has the potential to be more inclusive than previous data analysis systems, if we leverage its weaknesses to the human advantage

World Transformation: The Secret Agenda of Product Design

FITC

Matt Swoboda Notch Overview The adoption of real-time technologies and workflows for content creation is a seismic shift in the world of video/graphics. It has a fundamental effect on not just on render times but on the entire creative process. In this session hear from someone who has been using realtime graphics for creative work for almost 20 years, and his experiences in applying it to productions such as the Ed Sheeran world tour and Cirque du Soleil. Objective Give the audience an overview of what really is capable in a real-time workflow today, and where things are headed. Target Audience Anyone who wants to take confident steps in the direction of real-time motion graphics, especially within the live, installation and AR fields. Five Things Audience Members Will Learn How does real-time change the creative and production process Limitations – where does it work, where doesn’t it make sense What real-time graphics are capable of today What happens on a rock’n’roll tour bus What DOESN’T happen on a rock’n’roll tour bus

The Power of Now

FITC

Hasan Ahmad Aquent DEV6 Overview PWAs are a newly emerging delivery format for web, desktop apps. The fact that they can be installed on a client device and behave like natively installed apps means that special care should be taken when designing and building these types of apps, above and beyond a typical browser-only web application. One of the most important (potential) differentiators in the user experience of a PWA app vs a traditional web app is the ability to provide a high-performance UI because of their ability to do things like cache resources offline, including entire pieces of Web UI code, and the use of background services. In this talk we are going to do an exhaustive overview of the entire landscape of building PWAs from a performance-first perspective. Target Audience Web development teams Assumed Audience Knowledge Web Development fundamentals Objective Large enterprise applications Five Things Audience Members Will Learn Why PWA’s require performance engineering What tools are available to measure performance metrics Offline caching strategies Host device considerations: desktop and mobile Taking advantage of background code: Service Workers

High Performance PWAs

FITC

Bhavana Srinivas Netlify Overview A new web stack has emerged. A stack powered by modern browsers, API economy and Git based workflows. A stack that is not tied to specific technologies. A stack that takes into account both developer experience while building the application, and user experience when interacting with the application. A stack that delivers better performance, higher security, and lower cost of scaling for web applications. In this talk, Bhavana will dive more into the architecture and best practices for building performant web applications using the JAMstack Objective Educate the audience about the JAMstack and why it powers performant sites Target Audience Web stakeholders who want fast, secure and performant websites Assumed Audience Knowledge Built a website/interacted with sites Five Things Audience Members Will Learn What is the JAMstack The ecosystem around the JAMstack How to improve the performance of your site built on the JAMstack Example sites built on this architecture Resources and best practices

Rise of the JAMstack

FITC

Midge “Mantissa” Sinnaeve Mantissa Overview Midge will be speaking about his experience of switching to open source applications for his freelance work. From ditching expensive software subscriptions to going down the linux rabbit hole, he’ll take you along for the ride and show you some cool stuff along the way. It’s an in-depth look at what happens when your digital tools become an extension of yourself and how that can in turn inspire you to get better as an artist and find your style. Objective Taking a critical look at how you work and why. Target Audience (Motion) designers, 3D & VFX artists Four Things Audience Members Will Learn Open Source Design Tools Self-criticism Inspiration Letting go

From Closed to Open: A Journey of Self Discovery

FITC

Studio Macouno has been realizing post industrial projects for two decades. Though they’re very busy doing things like creating generative shavers for Philips and designing life size 3D printed petition elephants, those are but a fraction of what they would like to do. In this talk Dolf will explore the projects they just don’t have time for. The things the studio would love to do but can’t do on it’s own. The things that are way out there… Those that don’t seem possible, or are just too much work. The dreams that they think are a bit too much, but they just might do anyway. Objective Finding, funding and founding cooperatives for creative futurist projects. Target Audience People interested in making things today that seem ideas for tomorrow. Five Things Audience Members Will Learn Some about generative design 3d printing Art Running projects And making things happen

Projects Ain’t Nobody Got Time For

FITC

More from FITC (20)

Cut it up

Designing for Digital Health

Profiling JavaScript Performance

Surviving Your Tech Stack

How to Pitch Your First AR Project

Start by Understanding the Problem, Not by Delivering the Answer

Cocaine to Carrots: The Art of Telling Someone Else’s Story

Everyday Innovation

HyperLight Websites

Everything is Terrifying

Post-Earth Visions: Designing for Space and the Future Human

The Rise of the Creative Social Influencer (and How to Become One)

East of the Rockies: Developing an AR Game

Creating a Proactive Healthcare System

World Transformation: The Secret Agenda of Product Design

The Power of Now

High Performance PWAs

Rise of the JAMstack

From Closed to Open: A Journey of Self Discovery

Projects Ain’t Nobody Got Time For

Recently uploaded

(Vivek)Call Us, 8448380779,Call girls in Delhi NCr – We Offer best in class call girls. escort Service At Affordable Price At low Rate with Space Night 8000 We Are One Of The Oldest Escort and Call girls Agencies in Delhi. You Will Find That Our Female Escorts Are Full Of Fun, Sexy And They Would Love Enjoy Your Company. We Have A Fantastic Selection Of Escort Ladies Available For In-Calls As Well As Out-Calls. Our Escorts Are Not Only Beautiful But All Have Great Personalities Making Them The Perfect Companion For Any Occasion. In-Call:- You Can Come At Our Place in Delhi Our place Which Is Very Clean Hygienic 100% safe Accommodation. Out-Call:- You have To Come Pick The Girl From My Place We Are Also Provide Door Step Services (Delhi Ncr, Noida, Gurgaon, Faridabad, Ghaziabad Note:- Pic Collectors Time Passers Bargainers Stay Away As We Respect The Value For Your Money Time And Expect The Same From You Hygienic:- Full Ac room And Clean Rooms Available In Hotel 24 * 7 Hourly In Delhi NCR More Details, With WhatsApp Number, +91-8448380779

WhatsApp 📞 8448380779 ✅Call Girls In Mamura Sector 66 ( Noida)

Delhi Call girls

AWS Community DAY Albertini-Ellan Cloud Security (1).pptx

ellan12

Call Girl Pune Indira Call Now: 8250077686 Pune Escorts Booking Contact Details WhatsApp Chat: +91-8250077686 Pune Escort Service includes providing maximum physical satisfaction to their clients as well as engaging conversation that keeps your time enjoyable and entertainin. Plus they look fabulously elegant; making an impressionable. Independent Escorts Pune understands the value of confidentiality and discretion - they will go the extra mile to meet your needs. Simply contact them via text messaging or through their online profiles; they'd be more than delighted to accommodate any request or arrange a romantic date or fun-filled night together. We provide –

(INDIRA) Call Girl Pune Call Now 8250077686 Pune Escorts 24x7

Call Girls in Nagpur High Profile Call Girls

Call Girls In Ashram Chowk Delhi +91-8264348440 !! Best Woman Seeking Man Call Girls Service, Escorts Service in Home Hotel in Delhi NCR 24 Hours Available Service Call Girls, Contact Us +91-8264348440 (Any Time. Any Where) Call Girls in Delhi, Noida, Gurgaon, Ghaziabad,Sexy Indian Female Escorts Service Delhi NCRWelcome To Delhi Escorts Service – An All Over New Delhi Very Sexy Hot Call Girls Agency Service Escorts In South DelhiNCRDelhi’s No. 1 High Profile Independent Female Escorts Service. We Provide Good Quality Educated Profile At Very Regnebal Price 100% Safe And Original.We Are Provide Escorts Service All OYO Hotels ,3*,4*,5* Star Hotel And Home Flat, Apartment. Guest-House. Services In -Call And Out – Call Both Are Services Available. 24Hrs. Any Time Any Where. In All Over Delhi Noida Gurgaon Ghaziabad Faridabad.More Information And Contact Profile Real Pic Visit Our Website City Wise Escorts Service Agency.Good Looking Cheap And Best Models Girls U Can Get Best Click On Link……Night Call Girls Now In Hotel Le Meridien Gurgaon Near Female Escort Service – 24×7 .Call Whatsapp, +91-8264348440 Our Services and Rates: –– In call Shot 1500 Out Call Short 2000: – In call Night 6000 Out Call Night 7000Minimum To Maximum Range AvailableOnly Serious And Genuine Persons Can Contact Us : +91-8264348440 Call Girls in Delhi At All Location :– Malviya Nagar, Saket, Hauz Khas, Dwarka, Mahipalpur, Aerocity, Lajpat Nagar, Nehru Place karol Bagh, Near Metro Station :Call Us Whatapp Call Now +91-8264348440

Call Girls In Ashram Chowk Delhi 💯Call Us 🔝8264348440🔝

soniya singh

High Profile Call Girls In Punjab +919053900678 Punjab Call Girl (๏ 人 ๏) Punjab Call Girls provide you with erotic massage therapy Punjab Call Girls are well-trained in courtship and seduction. They can offer you true love and companionship. They can also. They can help you forget your problems and frustrations. They are also experts in playing several roles. ( • )( • )ԅ(≖⌣≖ԅ) Call Girls Punjab is also available for special occasions. They can take you to business meetings or business tours. They can also take you to public functions or any special occasion. These ladies are ready to serve their clients with care and respect. They have a wide range of experience and can also offer customized services. College Call Girls Punjab These websites can help you find escorts in your area. You can also find reviews about them and get recommendations. Their expertise allows them to reach the sensational areas of a man's body and release feelings more intensely with touches and adult words. You can full your all deserts with Punjab Call Girls Punjab Call Girls you can find the best escort girls to meet your sexual desires. There are many options, from cute college girls to sexy models. However, you should be careful when choosing an escort service because some will not offer quality services. Independent Call Girls Punjab will offer companionship services in addition to their sexual services. They can also accompany you to dinner or other social events. In addition, some escorts will perform intimate massages to increase your sensual pleasure another option is to hire a hot Russian escort. These girls are not only beautiful but also very talented in sex. In addition to orgasm, they can offer various erotic positions. These sexy babes are a perfect choice for a sexy night in town. They know all the sexy positions and will make you moan in delight. They can also play with your dick in the deep throat position and lick it like ice cream. There are plenty of Call girls in Punjab who are available for one-night stands. Just make sure that you use a trusted site and read reviews before booking. You can find a wide variety of gorgeous call girls in our city on the internet. These websites offer a safe and convenient way to meet a woman and enjoy her company for a night of fun. These sites typically offer a photo of the girl and her number. You can contact her through the phone or sexing to arrange a rendezvous. ★OUR BEST SERVICES: - FOR BOOKING A-Level (5 star escort) ★ Strip-tease ★ BBBJ (Bareback Blowjob) ★ Spending time in my rooms ★ BJ (Blowjob Without a Condom) ★ COF (Come On Face) ★ Completion ★ (Oral to completion) bjnonCovered ★ Special Massage ★ O-Level (Oral sex) ★ Blow Job; ★ Oral sex with a noncondom) ★ COB (Come On Body)

6.High Profile Call Girls In Punjab +919053900678 Punjab Call GirlHigh Profil...

@Chandigarh #call #Girls 9053900678 @Call #Girls in @Punjab 9053900678

Real Men Wear Diapers T Shirts sweatshirt

rahman018755

Call Girls In Chandigarh Lucky ❤️ 7710465962 Independent Escort Service Chandigarh Their services range from erotic encounters and movie dates to in-call and out-call services, making this option available 24/7. Available for services including NSA, threesomes and foursomes sessions as well as massage services and casual foreplay - they even provide real girlfriend experience. Find one online or visit local women's clubs, hotels or restaurants. Hiring a Chandigarh call girl for an evening or day out can be the perfect addition to your social gathering or office event, or you could arrange for her to visit your home or hotel room. Not only are these women gorgeous, they're intelligent as well, with great senses of humor - sure to please and leave you wanting more. If you want a cheap escort in Chandigarh, look for someone who is either a student or works part time so that she will always be available when you need her. In addition to this, look for housewives as this ensures they have stable lives that can keep you satisfied for extended periods. These beautiful ladies will capture your attention at first sight with stunning eyes and full, seductive lips; not to mention a seductive personality that makes you want to spend more time with them; moreover they are discreet enough to meet up anywhere nearby! Hiring a call girl in Chandigarh can be done through either the internet or calling her directly, with services like massage or sex sessions offered to request from specific agencies within a few hours of making contact. Furthermore, text the girl directly for price quotes!

Call Girls Service Chandigarh Lucky ❤️ 7710465962 Independent Call Girls In C...

Sheetaleventcompany

Hot Call Girls |Delhi |Hauz Khas ☎ 9711199171 Book Your One night Stand Booking Contact Details :- WhatsApp Chat :- +91-9711199171 30-April-2024(SMW) Best Escorts Service in Delhi Call Us — 9711199171 —Are you Looking for Call Girls in Delhi then This's a perfect place for you. We brings Many Models and Independent Call girls who Can fulfill all your Sexual Desires by Their Complete package of sex Service and It's Absolutely safe and secure. Book Your One night Stand Call Girls : 9711199171 -SERVICES- Our Delhi Call Girls are fully cooperative and understand your needs and they Give you their complete package of Sex service like- Real girl friend experience, Lip Kiss, Lip Lock, Smooch, Sucking without Condom, Oral, Erotic Massage, Lap Dance, Threesome, 69 Licking, Sex in all Position, Anal Sex etc, -AVAILABLE GIRLS- We Bring Many Good looking Slim, Busty, Hot and Sexy Call Girls as per our client's Choice like Housewives, College girls, Russian girls, Muslim girls, Afghani girls, Bengali girls, Working girls, south Indian girls, Punjabi girls, Big Boobs Call Girls etc,

Hot Call Girls |Delhi |Hauz Khas ☎ 9711199171 Book Your One night Stand

kumarajju5765

𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready For Sex At Your Doorstep Call Mr Chirag Ji +91-7877925207 NORTH/SOUTH INDIANS HIGH CLASS MODELS/COLLEGE GIRLS/ HOUSEWIVES/BODY TO BODY MASSAGE, SANDWICH MASSAGE, SHOWER BATHING, BLOW JOB, LICKING, FRONT AND BACK SHOT, RUBBING, KISSING SMOOCHING ETC ETC... UNLIMITED FUN Call 24/7. Your assistance for your service... ☛ ✔✔ secure✔✔ 100% safe ✔✔ Vip Callgirl Service offers you the most beautiful High Profile sexy independent female Escorts in genuine ✔✔✔ To enjoy with hot and sexy girls ✔✔✔ A02524SW ★providing:- • Models • vip Models • Russian Models • Foreigner Models • TV Actress and Celebrities • Receptionist • Air Hostess • Call Center Working Girls/Women • Hi-Tech Co. Girls/Women • Housewife • Collage Going Girls. • Travelling Escorts. • Ramp-models • Foreigner And Many More.. ★OUR BEST SERVICES: - FOR BOOKING ★ A-Level (5 star escort) ★ Strip-tease ★ BBBJ (Bareback Blowjob)

𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...

Neha Pandey

Call Girls In Sukhdev Vihar Delhi +91-8264348440 !! Best Woman Seeking Man Call Girls Service, Escorts Service in Home Hotel in Delhi NCR 24 Hours Available Service Call Girls, Contact Us +91-8264348440 (Any Time. Any Where) Call Girls in Delhi, Noida, Gurgaon, Ghaziabad,Sexy Indian Female Escorts Service Delhi NCRWelcome To Delhi Escorts Service – An All Over New Delhi Very Sexy Hot Call Girls Agency Service Escorts In South DelhiNCRDelhi’s No. 1 High Profile Independent Female Escorts Service. We Provide Good Quality Educated Profile At Very Regnebal Price 100% Safe And Original.We Are Provide Escorts Service All OYO Hotels ,3*,4*,5* Star Hotel And Home Flat, Apartment. Guest-House. Services In -Call And Out – Call Both Are Services Available. 24Hrs. Any Time Any Where. In All Over Delhi Noida Gurgaon Ghaziabad Faridabad.More Information And Contact Profile Real Pic Visit Our Website City Wise Escorts Service Agency.Good Looking Cheap And Best Models Girls U Can Get Best Click On Link……Night Call Girls Now In Hotel Le Meridien Gurgaon Near Female Escort Service – 24×7 .Call Whatsapp, +91-8264348440 Our Services and Rates: –– In call Shot 1500 Out Call Short 2000: – In call Night 6000 Out Call Night 7000Minimum To Maximum Range AvailableOnly Serious And Genuine Persons Can Contact Us : +91-8264348440 Call Girls in Delhi At All Location :– Malviya Nagar, Saket, Hauz Khas, Dwarka, Mahipalpur, Aerocity, Lajpat Nagar, Nehru Place karol Bagh, Near Metro Station :Call Us Whatapp Call Now +91-8264348440

Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝

soniya singh

Call Girls Ajman Ajman Call Girls Agency Vip Call Girls Ajman Hot Call Girls Ajman Out Call Girls Ajman Best Call Girls Ajman Indian And Pakistani Call Girls Ajman Independent Call Girls Ajman Ajman Indian Call Girls Agency Class Call Girls In Ajman #First Class Call Girls In Ajman #Full Massage Services Call Girls In Ajman Full Night Call Girls Ajman Hourly Call Girls Ajman Call Girls Deira Ajman Dating Call Girls In Deira Ajman Silicon Oasis Call Girls Ajman International City Call Girls Ajman Al Jaddaf Al Satwa Al Quoz Al Barsha South Media City Discovery Garden Call Girls Ajman Al Jaffiliya,Business Bay,Al Karama,Bur Dubai,Deira,Dubai,Palm Jumeirah,Al Wasl,Trade Centre,Ajman Mall,JBR,JVC,JLT,Discovery Garden Al Nahda Call Girls Ajman Al Qusais Call Girls Ajman Dating Call Girls Ajman Ajman Call Girls Services Provide In Ajman_Dubai_RAK_UMQ_Fujairah_Abu_Dhabi#Indian #Tamil #Kerala #Russian #Philippine #Morocco #Thailand #English Models In Ajman #If You Want Serv#Ajman Pakistani Call Girls Agency #Beautiful Call Girls in Ajman #High ices Just Send Me Text On Whatsapp #

(+971568250507 ))# Young Call Girls in Ajman By Pakistani Call Girls in ...

Escorts Call Girls

VIP Model Call Girls Hadapsar ( Pune ) Call ON 8005736733 Starting From 5K to 25K High Profile Escorts In Pune Booking Now open +91- 8005736733 Why you Choose Us- +91- 8005736733 HOT⇄ 8005736733 Mr ashu ji Call Mr ashu Ji +91- 8005736733 (V030524]N) 𝐇𝐨𝐭𝐞𝐥 𝐑𝐨𝐨𝐦𝐬 𝐈𝐧𝐜𝐥𝐮𝐝𝐢𝐧𝐠 𝐑𝐚𝐭𝐞 𝐒𝐡𝐨𝐭𝐬/𝐇𝐨𝐮𝐫𝐲🆓 .█▬█⓿▀█▀ 𝐈𝐍𝐃𝐄𝐏𝐄𝐍𝐃𝐄𝐍𝐓 𝐆𝐈𝐑𝐋 𝐕𝐈𝐏 𝐄𝐒𝐂𝐎𝐑𝐓 Hello Guys ! High Profiles young Beauties and Good Looking standard Profiles Available , Enquire Now if you are interested in Hifi Service and want to get connect with someone who can understand your needs. Service offers you the most beautiful High Profile sexy independent female Escorts in genuine ✔✔✔ To enjoy with hot and sexy girls ✔✔✔ ★providing:- • Models • vip Models • Russian Models • Foreigner Models • TV Actress and Celebrities • Receptionist • Air Hostess • Call Center Working Girls/Women • Hi-Tech Co. Girls/Women • Housewife

VIP Model Call Girls Hadapsar ( Pune ) Call ON 9905417584 Starting High Prof...

singhpriety023

Shikrapur - Call Girls in Pune Neha 8005736733 | 100% Gennuine High Class Independent Escorts service Booking Now open +91- 8005736733 Why you Choose Us- +91- 8005736733 HOT⇄ 8005736733 Mr ashu ji Call Mr ashu Ji +91- 8005736733 𝐇𝐨𝐭𝐞𝐥 𝐑𝐨𝐨𝐦𝐬 𝐈𝐧𝐜𝐥𝐮𝐝𝐢𝐧𝐠 𝐑𝐚𝐭𝐞 𝐒𝐡𝐨𝐭𝐬/𝐇𝐨𝐮𝐫𝐲🆓 .█▬█⓿▀█▀ 𝐈𝐍𝐃𝐄𝐏𝐄𝐍𝐃𝐄𝐍𝐓 𝐆𝐈𝐑𝐋 𝐕𝐈𝐏 𝐄𝐒𝐂𝐎𝐑𝐓 Hello Guys ! High Profiles young Beauties and Good Looking standard Profiles Available , Enquire Now if you are interested in Hifi Service and want to get connect with someone who can understand your needs. Service offers you the most beautiful High Profile sexy independent female Escorts in genuine ✔✔$V15 ✔✔To enjoy with hot and sexy girls ✔✔✔ ★providing:- • Models • vip Models • Russian Models • Foreigner Models • TV Actress and Celebrities • Receptionist • Air Hostess • Call Center Working Girls/Women • Hi-Tech Co. Girls/Women • Housewife

Shikrapur - Call Girls in Pune Neha 8005736733 | 100% Gennuine High Class Ind...

SUHANI PANDEY

'Future Evolution of the Internet' delivered by Geoff Huston at Everything Op...

APNIC

Lucknow ❤CALL GIRL 88759*99948 ❤CALL GIRLS IN Lucknow ESCORT SERVICE❤CALL GIRL CALL GIRLS IN Locknow ESCORT SERVICE❤CALL GIRL IN We are Providing :- ● – Private independent collage Going girls . ● – independent Models . ● – House Wife’s . ● – Private Independent House Wife’s ● – Corporate M.N.C Working Profiles . ● – Call Center Girls . ● – Live Band Girls . ●- Foreigners & Many More . Service type: 1.In call 2.out call 3. full Lip to Lip kiss 4.69 5.b-job without Condom 6. Hard Core sex & Much More. 7 Body to Body Touch 8 Kissing 9 Sucking Boobs and More 10 Enjoy by Hand 11 Relax By Oral 12 Sex with Happy Ending • In Call and Out Call Service • 3* 5* 7* Hotels Service • 24 Hours Available • Indian, Russian, Punjabi, Kashmiri Escorts • Real Models, College Girls, House Wife, Also Available • Short Time and Full Time Service Available • Hygienic Full AC Neat and Clean Rooms Avail. In Hotel 24 hours • Daily Escorts Staff Available • Minimum to Maximum Range Available. Call girl service in Lucknow Lucknow call girl service Call girl service Lucknow Call girl Lucknow Call girls service in Lucknow Call girls in Lucknow Lucknow call girls Lucknow call girls service Lucknow escort service Lucknow escorts service Lucknow escorts Lucknow escort Escort service in Lucknow Escort in Lucknow Escort Lucknow Escorts in Lucknow Escorts service in Lucknow These professional and Call girls in Bangalore can satisfy your every desire - be it sensual massage or an erotic shower, they are always more than willing to meet them. Furthermore, they pay close attention to body language cues to ensure you enjoy every minute spent in their company - both in-call and outcall services are offered. Is an excellent choice for anyone seeking an exciting and thrilling night of fun and excitement

Lucknow ❤CALL GIRL 88759*99948 ❤CALL GIRLS IN Lucknow ESCORT SERVICE❤CALL GIRL

imonikaupta

Call Girls Dubai Dubai Call Girls Agency +971525547819 Vip Call Girls Dubai Hot Call Girls Dubai Out Call Girls Dubai Best Call Girls Dubai Indian And Pakistani Call Girls Dubai Independent Call Girls Dubai Dubai Indian Call Girls Agency Class Call Girls In Dubai #First Class Call Girls In Dubai #Full Massage Services Call Girls In Dubai Full Night Call Girls Dubai Hourly Call Girls Dubai Call Girls Deira Dubai Dating Call Girls In Deira Dubai Silicon Oasis Call Girls Dubai International City Call Girls Dubai Al Jaddaf Al Satwa Al Quoz Al Barsha South Media City Discovery Garden Call Girls Dubai Al Jaffiliya,Business Bay,Al Karama,Bur Dubai,Deira,Dubai,Palm Jumeirah,Al Wasl,Trade Centre,Dubai Mall,JBR,JVC,JLT,Discovery Garden Al Nahda Call Girls Dubai Al Qusais Call Girls Dubai Dating Call Girls Dubai Dubai Call Girls Services Provide In Ajman_Dubai_RAK_UMQ_Fujairah_Abu_Dhabi#Indian #Tamil #Kerala #Russian #Philippine #Morocco #Thailand #English Models In Dubai #If You Want Serv#Dubai Pakistani Call Girls Agency #Beautiful Call Girls in Dubai #High ices Just Send Me Text On Whatsapp +971525547819 #Website Link http://Dubaicallgirls.pro https://chatwith.io/s/65d1df48b2992

Dubai=Desi Dubai Call Girls O525547819 Outdoor Call Girls Dubai

kojalkojal131

Call Girls Dubai Dubai Call Girls Agency Vip Call Girls Dubai Hot Call Girls Dubai Out Call Girls Dubai Best Call Girls Dubai Indian And Pakistani Call Girls Dubai Independent Call Girls Dubai Dubai Indian Call Girls Agency Class Call Girls In Dubai #First Class Call Girls In Dubai #Full Massage Services Call Girls In Dubai Full Night Call Girls Dubai Hourly Call Girls Dubai Call Girls Deira Dubai Dating Call Girls In Deira Dubai Silicon Oasis Call Girls Dubai International City Call Girls Dubai Al Jaddaf Al Satwa Al Quoz Al Barsha South Media City Discovery Garden Call Girls Dubai Al Jaffiliya,Business Bay,Al Karama,Bur Dubai,Deira,Dubai,Palm Jumeirah,Al Wasl,Trade Centre,Dubai Mall,JBR,JVC,JLT,Discovery Garden Al Nahda Call Girls Dubai Al Qusais Call Girls Dubai Dating Call Girls Dubai Dubai Call Girls Services Provide In Ajman_Dubai_RAK_UMQ_Fujairah_Abu_Dhabi#Indian #Tamil #Kerala #Russian #Philippine #Morocco #Thailand #English Models In Dubai #If You Want Serv#Dubai Pakistani Call Girls Agency #Beautiful Call Girls in Dubai #High ices Just Send Me Text On Whatsapp #

Al Barsha Night Partner +0567686026 Call Girls Dubai

Escorts Call Girls

Call Now ☎ 8264348440 !! Call Girls in Rani Bagh Escort Service Delhi N.C.R. Why you Choose Us- +91-8264348440 I Have Extremely Beautiful Broad Minded Cute Sexy & Hot Call Girls Delhi and Escorts, We Are Located in 3* 4* 5* Hotels. Safe & Secure High Class Services Affordable Rate 100% Satisfaction, Unlimited Enjoyment. Any Time for Model/Teens Escort in Delhi High class luxury and premium escorts agency. ★ CALL US High Class Luxury and Premium Escort Service We Provide Well Educated,Royal Class Female,High-Class Escort Service Offering a Top High Class Escort Service In The & Several Nearby All Places of . ★ To Enjoy With Hot and Sexy Girls . ★ We Are Providing :- • 3* 5* 7*Hotels Service • Hygienic Full AC Neat and Clean Rooms Avail. • Daily New Escorts Staff Available • Minimum to Maximum Range Available. Our escort service •BJ (Blowjob) •FK (French kissing) •Kissing with tongue •O-Level (Oral sex) •Long Silky Brown Hair •69 (69 sex) •A-Level (5 start Escort) •Dating {{{N.M}}} 30-04-2024

Call Now ☎ 8264348440 !! Call Girls in Rani Bagh Escort Service Delhi N.C.R.

soniya singh

Busty Desi⚡Call Girls in Vasundhara Ghaziabad >༒8448380779 Escort Service

Delhi Call girls

Top Rated Pune Call Girls Daund ⟟ 6297143586 ⟟ Call Me For Genuine Sex Service At Affordable Rate Booking Contact Details WhatsApp Chat: +91-6297143586 pune Escort Service includes providing maximum physical satisfaction to their clients as well as engaging conversation that keeps your time enjoyable and entertaining. Plus they look fabulously elegant; making an impressionable. Independent Escorts pune understands the value of confidentiality and discretion - they will go the extra mile to meet your needs. Simply contact them via text messaging or through their online profiles; they'd be more than delighted to accommodate any request or arrange a romantic date or fun-filled night together. We provide - 01-may-2024(v.n)

Top Rated Pune Call Girls Daund ⟟ 6297143586 ⟟ Call Me For Genuine Sex Servi...

Call Girls in Nagpur High Profile

Recently uploaded (20)

WhatsApp 📞 8448380779 ✅Call Girls In Mamura Sector 66 ( Noida)

AWS Community DAY Albertini-Ellan Cloud Security (1).pptx

(INDIRA) Call Girl Pune Call Now 8250077686 Pune Escorts 24x7

Call Girls In Ashram Chowk Delhi 💯Call Us 🔝8264348440🔝

6.High Profile Call Girls In Punjab +919053900678 Punjab Call GirlHigh Profil...

Real Men Wear Diapers T Shirts sweatshirt

Call Girls Service Chandigarh Lucky ❤️ 7710465962 Independent Call Girls In C...

Hot Call Girls |Delhi |Hauz Khas ☎ 9711199171 Book Your One night Stand

𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...

Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝

(+971568250507 ))# Young Call Girls in Ajman By Pakistani Call Girls in ...

VIP Model Call Girls Hadapsar ( Pune ) Call ON 9905417584 Starting High Prof...

Shikrapur - Call Girls in Pune Neha 8005736733 | 100% Gennuine High Class Ind...

'Future Evolution of the Internet' delivered by Geoff Huston at Everything Op...

Lucknow ❤CALL GIRL 88759*99948 ❤CALL GIRLS IN Lucknow ESCORT SERVICE❤CALL GIRL

Dubai=Desi Dubai Call Girls O525547819 Outdoor Call Girls Dubai

Al Barsha Night Partner +0567686026 Call Girls Dubai

Call Now ☎ 8264348440 !! Call Girls in Rani Bagh Escort Service Delhi N.C.R.

Busty Desi⚡Call Girls in Vasundhara Ghaziabad >༒8448380779 Escort Service

Top Rated Pune Call Girls Daund ⟟ 6297143586 ⟟ Call Me For Genuine Sex Servi...

React For Vikings

1. WHERE 325 Adelaide Street W. Toronto, ON, Canada M5V 1P8 Greetings, CONTACT Telephone: (416) 531-5263 ONLINE Web: jam3.com Email: info@jam3.com All original concepts, designs and copy the exclusive property of Jam3 JAM3 REACT FOR VIKINGS

2. MIKKO HAAPOJA ● Director of Creative Technology at Jam3 ● Wrangling animations creating ui for ~10 years ● Dad to two kids and husband to one wife

3. JAM3 Digital agency in Toronto Highly experiential work + A lot of animation + WebGL + Experimental Lots of open source code Always hiring

4. All original concepts, designs and copy the exclusive property of Jam3 VIKINGS

5. Worked on Vikings because... Try out new ways of working Evaluate React Evaluate F1

6. Why is Jam3 using React? Community Small/Consistent API Components, components, components

7. What was used to build Vikings? redux react-router react-transition-group react-f1

8. f1 or react-f1 ● A UI animation library - For reals. One F1 instance is one piece of UI ● Inspired by the way designers work ● Highly orchestrated animations ● Cross Platform ■ Works in React, basic DOM, Canvas, or really anything ■ ReactF1 uses F1-Dom and F1-Dom uses F1 ● It uses path finding ■ Better separation of concerns

9. Path Finding What if you could describe your UI like a map? ● Pickering, Toronto, Mississauga ● Drive from one place to another - this is why it's named F1

10.

11.

12.

13. Inspired by the way designers work Design the look/states Design the animations/transitions Should produce better path to tooling

14. States

15. States

16. States with ui and styles defined

17. States In React

18. Transitions

19. Bi-Directional Transitions

20. Adding Animations

21. Getting Fancy

22. Getting Even Fancier

23. Transitions In React

24. Stuff we missed in React

25. Why define states and transitions in their own files? Let’s look at the Vikings project...

26. The power of go and onComplete Consistent API throughout the entire app. Very very testable via Unit tests.

27. Something is missing... Chief!

28. The Chief's responsibilities It's react-f1's boss. Chief component's tell other components what state they should be in.

29. Chief's states

30. Chief's transitions

31. Chief In React

32. Chief's crazy function

33. Chief's crazy function becomes

34. A segway into animations via props... The way that chief works is actually how all React animation's should work. This is how F1 worked also. But...

35.

36. Other Features Custom parsers Custom transitions via functions

37. Where F1 is headed... Better documentation Tooling + Unit testing harness + Integration with After Effects or Animate + Gallery + Etc.

38. Links https://www.npmjs.com/react-f1 https://www.npmjs.com/eases https://www.npmjs.com/eases-fancy https://github.com/Jam3/f1-tutorial https://www.npmjs.com/f1-dom https://www.npmjs.com/f1 https://www.npmjs.com/budo https://www.npmjs.com/react-router https://www.npmjs.com/react-addons-transition-group http://jam3.github.io/fitc-react-spotlight/ https://www.npmjs.com/~mikkoh https://twitter.com/MikkoH

39. THANKS WHERE 325 Adelaide Street W. Toronto, ON, Canada M5V 1P8 CONTACT Telephone: (416) 531-5263 ONLINE Web: jam3.com Email: info@jam3.com All original concepts, designs and copy the exclusive property of Jam3

React For Vikings

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (20)

Similar to React For Vikings

Similar to React For Vikings (20)

More from FITC

More from FITC (20)

Recently uploaded

Recently uploaded (20)

React For Vikings