Занятие 3. Разработка Frontend на React. Web-программирование на Python и React

Видео

PHP vs JS

• HTML, HTTP (1992)
• PHP (1994)
• JS (1995)
• WordPress - движок на PHP (2003)
• Node.js, Express.js (2009)
• Angular (2010), React (2013), Vue (2014)
• Next.js (2014), Nuxt.js (2016), NestJS (2017)

Next.js = Node.js + React

• создание проекта на Next.js

npx create-next-app

• установка Bootstrap

npm i bootstrap

• текст файла /pages/_app.js для подключения Bootstrap

import { useEffect } from 'react';
import 'bootstrap/dist/css/bootstrap.css'
import '../styles/style.css'

export default function MyApp({ Component, pageProps }) {

useEffect(() => {
import("bootstrap/dist/js/bootstrap");
}, []);

return <Component {...pageProps} />
}

• запуск Next.js

npx next dev

• экспорт статических файлов Next.js

npx next build
npx next export

Домашнее задание

1. Сделать задания Занятия 2 (opens new window)на React (opens new window), начиная с п.5.
2. В качестве домашнего задания отправить текстовый файл со ссылкой на вашу страничку.