The Modern React Bootcamp (Hooks, Context, NextJS, Router)
现代 React 训练营(Hooks、Context、NextJS、Router)

Just published! Follow the same curriculum I teach my students in SF. 10+ projects including one HUGE application!
刚刚发布!遵循我在 SF 教给我的学生的相同课程。 10+ 项目,包括一个巨大的应用程序!

教程演示🔗

 

What you’ll learn 学习内容

  • React Hooks! (My favorite part of React!)
    反应钩子!(我最喜欢的 React 部分!
  • The new Context API 新的上下文 API
  • State management w/ useReducer + use Context (Redux Lite)
    使用 useReducer + use Context 进行状态管理(Redux Lite)
  • The basics of React (props, state, etc)
    React 的基础知识(props、state 等)
  • Master React Router 主 React 路由器
  • Build tons of projects, each with a beautiful interface
    构建大量项目,每个项目都有漂亮的界面
  • React State Management Patterns
    React 状态管理模式
  • Drag & Drop With React
    使用 React 拖放
  • Writing dynamically styled components w/ JSS
    使用 JSS 编写动态样式的组件
  • Common React Router Patterns
    常见的 React 路由器模式
  • Work with tons of libraries and tools
    使用大量库和工具
  • Integrate UI libraries like Material UI and Bootstrap into your React apps
    将 Material UI 和 Bootstrap 等 UI 库集成到您的 React 应用中
  • React Design Patterns and Strategies
    React 设计模式和策略
  • Learn the ins and outs of JSS!
    了解JSS的来龙去脉!
  • Learn how to easily use React to build responsive apps
    了解如何轻松使用 React 构建响应式应用
  • Add complex animations to React projects
    向 React 项目添加复杂的动画
  • Debug and Fix buggy React code
    调试和修复有缺陷的 React 代码
  • Optimize React components
    优化 React 组件
  • Integrate React with APIs
    将 React 与 API 集成
  • Learn the basics of Webpack in a free mini-course!
    在免费的迷你课程中学习 Webpack 的基础知识!
  • DOM events in React React 中的 DOM 事件
  • Forms and complex validations in React
    React 中的表单和复杂验证
  • Using Context API w/ Hooks
    使用带钩子的上下文 API

Requirements 要求

  • You’ll need some experience with HTML, CSS, and JavaScript, but you don’t need to be an expert.
    您需要一些 HTML、CSS 和 JavaScript 方面的经验,但您不需要成为专家。
  • You don’t need advanced JavaScript knowledge. ES7 features are explained in the course as we go.
    您不需要高级 JavaScript 知识。ES7 的功能将在课程中介绍。

Description 描述

EXPANDED and UPDATED to include new sections on Next JS and Server-Side Rendering!
扩展和更新,包括有关 Next JS 和服务器端渲染的新部分!

Welcome to the best online resource for learning React! Published in April 2019, this course is brand new and covers the latest in React.  This course follows the exact same React curriculum my in-person bootcamp students follow in San Francisco, where students have gone on to get jobs at places like Google, Apple, Pinterest, & Linkedin.  This is the most polished React course online, and it’s the only course that is based on REAL bootcamp curriculum that has been tried and tested in the classroom.
欢迎来到学习 React 的最佳在线资源!本课程于 2019 年 4 月发布,是全新的,涵盖了最新的 React 语言。本课程遵循与我在旧金山的面对面训练营学生完全相同的React课程,那里的学生继续在Google,Apple,Pinterest和LinkedIn等地方找到工作。这是最精美的在线 React 课程,也是唯一一门基于真实训练营课程的课程,并在课堂上进行了尝试和测试。

This course builds up concepts one at a time, cementing each new topic with an expertly designed exercise or project to test your knowledge. It includes a huge variety of beautiful exercises, projects, and games that we create together from scratch.  Sometimes we mix things up and give you a broken React app and ask you to fix it or optimize the code. Check out the promo video to see a couple of the course exercises. The course culminates in one huge capstone project, which is the largest project I’ve ever built for any of my online courses.  I’m really excited about it :) 
本课程一次建立一个概念,通过专业设计的练习或项目来巩固每个新主题,以测试您的知识。它包括我们从头开始共同创建的各种精美练习、项目和游戏。有时我们会把事情搞混,给你一个坏掉的 React 应用程序,并要求你修复它或优化代码。查看宣传视频,了解一些课程练习。该课程以一个巨大的顶点项目达到高潮,这是我为任何在线课程构建的最大项目。我对此感到非常兴奋:)

React is the most popular JS library around, and there’s never been a better time to learn it! Companies all over the world are turning to React to help manage their JavaScript chaos, including tech giants like Facebook, Airbnb, and Uber.  React is consistently voted the most loved and most wanted front-end framework by developers, and it’s clear why! React is a joy to use, and it makes writing maintainable and modular JavaScript code a breeze.
React 是市面上最受欢迎的 JS 库,现在是学习它的最佳时机!世界各地的公司都在转向React来帮助管理他们的JavaScript混乱,包括Facebook,Airbnb和Uber等科技巨头。React 一直被开发人员评为最受欢迎和最想要的前端框架,原因很清楚!React 使用起来很愉快,它使编写可维护和模块化的 JavaScript 代码变得轻而易举。

If you’re new to frameworks, React is the ideal first framework to learn. It’s easy enough to learn the basics, but it doesn’t teach you bad habits. Even if you’ve already enrolled in another React course, this course is worth your time for the exercises and projects alone!  This curriculum is the product of two years of development and iteration in the bootcamp classroom.   All the lectures, exercises, and projects have been tweaked and improved based on real student feedback. You won’t find anything else online as structured and polished as this course.
如果你是框架的新手,React 是理想的第一个学习框架。学习基础知识很容易,但它不会教你坏习惯。即使你已经注册了另一门 React 课程,这门课程也值得你花时间进行练习和项目!该课程是训练营课堂两年开发和迭代的产物。所有的讲座、练习和项目都根据真实的学生反馈进行了调整和改进。您不会在网上找到像本课程一样结构化和精美的任何其他内容。

The highlights: 亮点:

  • Learn React, from the very basics up to advanced topics like Next JSReact Router, Higher Order Components and Hooks and the Context API.
    学习 React,从最基础到高级主题,如 Next JS、React Router、高阶组件和钩子以及上下文 API。

  • Build one massive capstone application, complete with drag & drop, animations, route transitions, complex form validations, and more.
    构建一个庞大的顶点应用程序,包括拖放、动画、路线转换、复杂的表单验证等。

  • Learn the latest in React, including Hooks (my favorite part of React!).  We build a complete app using Hooks, including multiple custom hooks.
    了解 React 的最新内容,包括 Hooks(我最喜欢的 React 部分!我们使用 Hooks 构建了一个完整的应用程序,包括多个自定义钩子。

  • Learn state management using the useContext and useReducer hooks, to mimic some of the functionality of Redux.
    学习使用 useContext 和 useReducer 钩子进行状态管理,以模仿 Redux 的一些功能。

  • You get tons of detailed handouts and cheatsheets that you can refer back to whenever you need to.   Think of this as a React textbook you can study at any point if you get tired of videos.
    您将获得大量详细的讲义和备忘单,您可以在需要时随时参考。把它想象成一本 React 教科书,如果你厌倦了视频,你可以随时学习。

What you get: 你得到什么:

  • 250+ videos 250+ 视频

  • Slick, interactive slide decks custom made for each section
    为每个部分定制的光滑交互式幻灯片

  • Detailed handouts and cheatsheets, the React “textbook”.
    详细的讲义和备忘单,React的“教科书”。

  • Dozens of exercises, projects, and quizzes.
    数十个练习、项目和测验。

  • One massive code-along project with nearly 20 different React components.
    一个包含近 20 个不同 React 组件的大型代码项目。

  • Free Webpack Mini Course!
    免费 Webpack 迷你课程!

Who this course is for:
本课程适用于谁:

  • Anyone brand new to React or front-end frameworks in general
    任何对 React 或前端框架不熟悉的人
  • Anyone who wants to build a portfolio of stunning React apps
    任何想要构建令人惊叹的 React 应用程序组合的人
  • Students struggling to learn React or looking for more practice
    努力学习 React 或寻求更多练习的学生
  • Anyone who wants to level up their developer skills and learn a highly in-demand skill!
    任何想要提升开发技能并学习高需求技能的人!

发表回复

后才能评论

尊敬的用户,您好!由于部分培训机构和留学生的举报,近期导致网站大量链接暂时失效。对此给您带来的不便,我们深表歉意。任何链接失效的资源,欢迎您添加侧边栏二维码随时反馈,我们将在48小时内为您提供新的网盘链接。如果您对此不便感到不满,您也可在48小时内申请无理由退款。感谢您的理解与支持!

Windows播放器推荐:Potplayer Potplayer 是免费的 Windows 播放器,支持双字幕和自动翻译功能。以下是操作指南: 挂载字幕 加载中文字幕:右击选择 字幕 -> 字幕设置,取消“只匹配文件名字幕”选项。可调整字幕颜色、位置和大小。 双字幕设置:右击 字幕 -> 选择字幕 -> 次字幕输出,设置主字幕和次字幕。 自动翻译 若可访问 Google 翻译服务,选择 字幕 -> 实时字幕翻译,勾选 总是使用 和 Google Translate,即可实时翻译英文字幕。 Potplayer 让观看更智能,学习体验升级。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可联络站长解决。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源