Course Organization and Tools
Explore the foundational tools Rails offers for front-end development including Webpacker, Webpack, and TypeScript. Understand how these tools work together to serve JavaScript and CSS to browsers, and get an overview of the course structure covering Stimulus, React, state management, and testing.
We'll cover the following...
The tools we’ll use
Throughout this course, we’ll walk through the basics of getting Rails set up to use Webpacker to serve JavaScript and CSS to the browser. Then we will write some code to get the browser to do things. We’ll talk primarily about three tools—TypeScript, webpack, and Webpacker—which will be the foundation of our application:
-
TypeScript is an extension of JavaScript that provides type checking and type inference, which means that TypeScript enforces that the expressions (variables, functions, etc.) in your code have the correct types. It’s a superset of JavaScript, which means that any JavaScript program is valid TypeScript, but it also allows you to add some basic type checking to your code. More advanced usage allows you to use the type system to prevent invalid states at compile-time and can prevent run-time errors.
-
Webpack ...