react (9) 썸네일형 리스트형 React - Style Libraries (Bootstrap) Let's see how we can add style libraries in the React application Bootstrap Run the command shown below to install the bootstrap npm i bootstrap Add the path in the index.js file import 'bootstrap/dist/css/bootstrap.css'; Done References Adding Bootstrap | Create React App (create-react-app.dev) Adding Bootstrap | Create React App While you don’t have to use any specific library to integrate Boo.. Firebase Authentication - Email and Password Firebase has many features we can capitalize on. And among them, today, we are going to check the authentication service out. One of the advantages of using the Firebase authentication is that the service already has a way to persist user data on the browser so we don't need to create a token and pass it back and forth like we would typically do with custom authentication systems. HTML 삽입 미리보기할 .. Firebase - Connecting to Applications Firebase is Google's backend cloud service that provides a database to store data, authentication, hosting, and so on. The main advantage of using a cloud service like this is that there is no need to develop a backend (or at least can save a huge amount of time) as we can only develop the frontend-side and borrow any necessary features for the backend-side from the cloud. Firebase also offers q.. Environment Variables Environment variables are dynamic variables that help us to set configuration variables such as URLs for both the development and global environment at once, it also makes it hard for others to see the value inside (However it will be included in the build file so it does not entirely hide the values from being seen). As many tools and frameworks exist to create an application, setting up and us.. React Hooks - UseParams / UseSearchParams (React Router DOM) It is common to use URLs to send additional information such as the id of an item. React Router DOM is one of the React libraries that makes working with routings easy. Today we will see how we can use its hooks to add a parameter or queries and get the value from them. Project Set Up Creating a React Project React React is the most papular framework followed by Angular and Vue. React, like Angu.. React Library - React Router DOM React, by nature, does not have a routing feature. React Router DOM is one of the React library packages; with this, we can easily create routing between pages. Let's see how we can use this library. HTML 삽입 미리보기할 수 없는 소스 Visual Studio React Extensions Let's see some of the must-have React extensions for VS Code ES7+ React/Redux/React-Native snippets This extension allows us to create React code with minimum efforts using shortcuts HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 Displaying a List In React we can write JavaScript code with curly braces inside an HTML template. Let's see how we can show a list of items without writing repetitive elements in React. Implementation Creating a React App React React is the most papular framework followed by Angular and Vue. React, like Angular uses components to build an application. However, React does not come with native features like Angula.. 이전 1 2 다음
