What is rAF - How to Use requestAnimationFrame()

Channel:
United States Fullstack Academy
Subscribers:
58,000
Published on ● Video Link: https://www.youtube.com/watch?v=1dBTa5XgLxc


Category:
Tutorial
Duration: 8:09
9,169 views
200

Learn more advanced front-end and full-stack development at: https://www.fullstackacademy.com

requestAnimationFrame() or rAF is a method for running animations in the browser. It takes a callback as an argument and allows you to render new changes to the DOM based on the function that you invoke it with. In this tutorial, we talk about what is rAF, how to use it, and we give a live code example where we animate an SVG created with Raphael.js.

Watch this video to learn:

- What is rAF
- The rAF recipe
- Code examples using requestAnimationFrame()



Other Videos By Fullstack Academy


2016-03-09Node.js Stream Tutorial - The Power and Simplicity of Node.js Streams
2016-03-08Fullstack Academy Live
2016-03-07Rick Martinez - Scaling Code
2016-03-07JavaScript Engine Tutorial - Learn How JavaScript Works Under the Hood
2016-03-07User Experience (UX) Tutorial - How to Measure Aesthetics
2016-03-01Redux Tutorial - What is Redux and How It Came to Be
2016-03-01Introduction to Web Assembly - How WebAssembly Will Work and Why You Should Use It
2016-02-24SlideStack
2016-02-24Flixie
2016-02-24Real World
2016-02-24What is rAF - How to Use requestAnimationFrame()
2016-02-24WebSocket Tutorial - How WebSockets Work
2016-02-13Security Lecture
2016-02-11Machine Learning Tutorial for JavaScript Hackers - Tips On Gathering and Pre-Processing Data
2016-02-11Angular Directives Tutorial - Transclusion in Angular Directives
2016-02-11CSS Animation Tutorial - How to Use Animations in CSS and Common Applications
2016-02-09TECH TALK: Parallel uglification using Require.JS (Joel Kemp from Adobe/Behance)
2016-02-09Habit Formation Model - Examples of Habit Formation in UI/UX
2016-02-03How to Debug JavaScript with Chrome Developer Tools - A JavaScript Debugging Tutorial
2016-02-03Tech Talk: The Unicorn Club: Billion Dollar Startups
2016-02-03SSH - A Guide to Secure Shell


Tags:
rAF
requestAnimationFrame
How to Use requestAnimationFrame()