投稿時間:2023-02-19 12:03:00 RSSフィード2023-02-19 12:00 分まとめ(4件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS re:Postに回答してみた	https://qiita.com/a_b_/items/7b0c6c6e5eaf6b9d0850	awsrepost	2023-02-19 11:41:51
Docker	dockerタグが付けられた新着投稿 - Qiita	Docker-Compose 「volume」とは	https://qiita.com/techinter/items/b5d00cb8430476e3e93c	docker	2023-02-19 11:24:27
海外TECH	DEV Community	Getting started with React.js with Typescript using vite.js⚡	https://dev.to/headbwoi/getting-started-with-reactjs-with-typescript-using-vitejs-hjo	Getting started with React js with Typescript using vite jsIn React is still one of the best ways to build user interfaces despite all the frameworks that have pop up in the last few months promising performance improvements and good Developer experience React still remains the OG the King of UI because of its ginormous community ease of use the fact that it is just JavaScript unlimited supporting packages and integrations that still makes it the go to means for building user interfaces in That was a lot to take in right So let s get started by learning what these technologies are what is React React is a JavaScript library for building interactive user interfaces Developed by Facebook and maintained by it s awesome open source community members In React there are two ways of writing React code Using the infamous Class Components or the beloved Functional Components the latter is the recommended way of using React by the docs React Docs what is TypeScript TypeScript is a strongly typed programming language that builds on JavaScript giving you better tooling at any scale It helps you to catch silly bugs that can break your code in production it adds a strongly typed system on top of JavaScript resulting in more lines of code but it helps a lot with code maintenance and readability what is Vite Vite the French word for quick pronounced vit like veet is a build tool that provides a faster and leaner development experience for modern web projects It consists of two major parts A dev server that provides rich feature enhancements over native ES modules for example extremely fast Hot Module Replacement HMR A build command that bundles your code with Rollup pre configured to output highly optimized static assets for production Vite doesn t need to bundle the entire app or transpile the modules and code before starting a dev server transpiling is done on demand thus making it significantly faster than CRA In Conclusion Vite is faster lighter and more enjoyable than other build tools for React Getting StartedTo get started with React and Typescript with Vite you will have to pass some requirements Good knowledge of ES syntax and logic you know your way around JavaScript i e you have built or more projects such as Todo App Movies App or any app that consumes an API and displays things on the page based on certain conditions You have Node js installed on your computer from v upwards To download Node js go to Nodejs Site and download the LTS Long Term Support version A node package manager either NPM Yarn or Pnpm will work perfectly The preferred version of NPM should be v and above Once you have checked these requirements you can now follow these steps First open your terminal on windows type 🪟 R then type cmd on the popup and click enter that will open up a terminal to your root directory Navigate to the folder you want to create your app in once you are there then type in the following command with NPM npm create vite latestwith yarn yarn create vitewith PNPM pnpm create vite Click enter to proceed you will be prompted to enter the name of the project enter the name of your choice e g my project name when you ve done that click enter it will ask you to select a framework use the arrow keys to move up and down and enter to select Select React then select Typescriptit will scaffold your project Now you can run the following commands cd my project namemoves you into my project name folder where the app was created npm installinstalls all the files and dependencies of React and Typescript npm run devstarts the application in development modeYou can now edit the App tsx file with the code editor of your choice and instantly see your changes in the browser without refreshing thanks to the Hot Module Replacement HMR built into Vite And that is how you setup React with Typescript using Vite Thanks you	2023-02-19 02:08:49
ニュース	BBC News - Home	New Zealand v England: Tourists win first Test by 267 runs	https://www.bbc.co.uk/sport/cricket/64689595?at_medium=RSS&at_campaign=KARANGA	maunganui	2023-02-19 02:50:04