JavaScript Series: Riot (Riot.js) Complete Guide

Video Description

Follow along with JavaScript expert Victor Deras and master this powerful component-based User Interface (UI) JavaScript library. There are ten topics within the Riot video series:

  • Introducing Riot. Be able to explain the high level functionality and use cases of Riot.js in this first topic in the JavaScript Riot course. Learn how Riot.js can help build powerful websites. Install Riot and build your first webpage using Riot. Learn that Riot is similar to React.js and Vue.js. Be able to explain that Riot allows you to define custom elements that are human-readable and tooling-friendly. Riot offers simple syntax, a smaller file size than other libraries, a helpful community, and legacy support.
  • Using Riot Syntax along with Preprocessors and Postprocessors to Write Riot.js Components. Use Riot syntax along with preprocessors and postprocessors to write Riot.js components in this second topic in the JavaScript Riot course. Follow along with Victor and practice creating simple Riot components, including layout (HTML) and logic (JavaScript). Learn about Riot.js styling, which is injected into the HTML head element.
  • Creating Riot Components. Create more complex Riot components in this third topic in the JavaScript Riot course. Follow along with Victor and learn how to build powerful Riot.js building blocks (called “mounting”), including the use of expressions. Combine HMTL JavaScript, and CSS to create these building blocks.
  • Leveraging the Riot State and Component Lifecycle. Leverage the Riot state and component lifecycle in this fourth topic in the JavaScript Riot course. Learn that although props objects are immutable, there is a state object where information can be modified. Practice using these methods: onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onBeforeUnmount, and onUnmounted. Follow along with Victor and use event handlers as well.
  • Increasing Functionality with Riot Plugins and Component Libraries. Increase functionality with Riot.js plugins and component libraries in this fifth topic in the JavaScript Riot course. Follow along with Victor and install and use a series of plugins and libraries.
  • Building more Powerful Components through Riot Nested Components and Slots. Build more powerful components through Riot.js nested components and slots in this sixth topic in the JavaScript Riot course. Follow along with Victor and practice creating components within other components (nested components).
  • Using Riot Loops. Use Riot.js loops in this seventh topic in the JavaScript Riot course. Follow along with Victor and create loops as well as keys, which will improve loop performance.
  • Adding Riot Conditional Rendering. Add conditional rendering in Riot.js in this eighth topic in the JavaScript Riot course. Follow along with Victor and apply true/false conditional logic in your JavaScript expressions.
  • Compiling Riot Components. Compile Riot.js components in this ninth topic in the JavaScript Riot course. Follow along with Victor and improve your knowledge of the Riot compiler.
  • Using the Riot Core API. Use the Riot.js core Application Programming Interface (API) in this tenth topic in the JavaScript Riot course. Follow along with Victor and practice using the Core API and the Component Object API during this session. Practice running these functions: Riot.mount, Riot.unmount, Riot.component, and Riot.install.

Product Information

  • Title: JavaScript Series: Riot (Riot.js) Complete Guide
  • Author(s): Victor Deras
  • Release date: January 2020
  • Publisher(s): Technics Publications
  • ISBN: None