Skip to main content

Build fancy landing pages with React and Threejs

38m 9s
English
Paid

Course description

This course teaches you how to add stunning flourishes to your sites with little code and complexity. You would think that some of the extraordinary websites on awwwards, fwa or godly are out of reach for you, as a front-end dev that knows Javascript, Html and Css. Graphics on the web have always been deeply complex, reserved for a small community of experts. But with poimandres tooling that has changed, because it allows developers to abstract complex behaviour and then share! Now you can compose experiences like that with React building blocks, similar to how you build anything else on web.

Read more about the course

Beginners and intermediates may enjoy it the most. You need to have a basic grasp of React, and perhaps already Threejs, though that can come later.

The result: https://bananas.vercel.app

The curriculum:

  • Deconstruction of playful.software

  • Setting up a dev environment from scratch

  • Expressing Threejs in React

  • Animation basics

  • Finding and preparing (in Blender) model assets

  • Displaying and composing them

  • Use effects and good lighting

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 1 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Build fancy landing pages with React(-three-fiber) and Threejs

All Course Lessons (1)

#Lesson TitleDurationAccess
1
Build fancy landing pages with React(-three-fiber) and Threejs Demo
38:09

Unlock unlimited learning

Get instant access to all 0 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

  • Add React Storybook to a Project

    Add React Storybook to a Project

    Sources: egghead
    In this lesson, we show how to setup React Storybook into an existing React project. We’ll go through common configuration files and how to adjust them.
    3 minutes 36 seconds
  • Microservices with NodeJS, React, Typescript and Kubernetes

    Microservices with NodeJS, React, Typescript and Kubernetes

    Sources: udemy
    In building large scale applications intended for growth, microservices architecture is the go-to solution. One issue for Javascript and NodeJS learners is the
    97 hours 19 minutes 16 seconds
  • React: Flux Architecture (ES6)

    React: Flux Architecture (ES6)

    Sources: egghead
    As a React application grows, so does the needs for organization and patterns. How do components communicate? How do we manage state across the application? How is data shared b...
    49 minutes 50 seconds
  • The interactive way to master modern React - react.gg (FULL COURSE)

    The interactive way to master modern React - react.gg (FULL COURSE)

    Sources: ui.dev (ex. Tyler McGinnis)
    OPTIMIZED FOR AHA! We’re obsessed with helping you reach your aha! moments. Our text sections help you master the “why” behind React concepts and include fun, i
    7 hours 53 minutes 34 seconds
  • React Summit 2024 - Amsterdam

    React Summit 2024 - Amsterdam

    Sources: reactsummit.com
    React Summit is an in-person and remote-first (hybrid) conference dedicated to all things React. It gathers OSS authors, top trainers, and speakers, as well...
    18 hours 56 minutes 36 seconds