Loading...
「ツール」は右上に移動しました。
利用したサーバー: wtserver1
0いいね 35 views回再生

Copy of (1) Accessibility and (2) CSS Integration

----
How to use test your experiences with a screen reader (Joey Lee)
----
We want to ensure our products aren't just cross browser/device accessible but accessible for users with disabilities. MacOS's built in VoiceOver tool is incredibly powerful, and becoming familiar with it can help make your React app better for all of your users.

----
Behind the scenes of a React Application: Connecting the Dots (Part 2) -- CSS Integration
----
Last time we looked at setting up a React application with TypeScript, Babel, Eslint, and Webpack. We covered the roles & responsibilities of each technologies with emphasis on the JavaScript. At the end we created a local development setup that we can use to continue to learn about these technologies and also build our application.

Part 2 of Connecting the Dots we will go over how to integrate CSS into our setup. First, we go over the design & project layout to guide our implementation. Second, we quickly cover how to add assets (images, fonts, etc) into our project. And finally, saving the best for last, we do an overview and implementation of CSS Modules with PostCSS

By the end of this presentation you will know how to use CSS inside JS files, link CSS files together, and extract CSS files at build time. You will also have a local development environment that you can extend with other tools and a React application wired with both JS & CSS that you can use as an example to implement your own ideas.

コメント