
# Conclusion

**Congratulations!** You made it to the end of this course. 🎉

I hope you **enjoyed it** and **learned a lot**. I tried to make it as beginner-friendly as possible, but I also wanted to show you some more advanced concepts with real-world examples.

Please let me know on the [Discord server](https://lessons.wawasensei.dev/discord) if you have any feedback or suggestions for future courses. I'm always happy to hear from you. 🙏

I would be very grateful if you could leave a review on [TrustPilot](https://www.trustpilot.com/review/lessons.wawasensei.dev). It would help me a lot to reach more people, create more content, and improve the lessons. 🚀

## Where to go from now?

You now have solid foundations to create your own 3D web experiences with **React Three Fiber**. But there is still a lot to learn and discover. 📚

Here is my list of recommendations to keep learning and improving your skills:

- Look at React Three Fiber [examples](https://docs.pmnd.rs/react-three-fiber/getting-started/examples) and [documentation](https://docs.pmnd.rs/react-three-fiber).
- Join [Poimandres Discord community](https://discord.gg/poimandres).
- Lack of documentation on some components? Jump into [Threejs documentation](https://threejs.org/docs/), [R3F Drei source code](https://github.com/pmndrs/drei) and [Threejs source code](https://github.com/mrdoob/three.js).
- **Create projects** → Don’t restrict yourself to your skills but fix goals, and try to achieve them by learning. Add those projects to your portfolio.
- Try recreate [Awwwards websites](https://www.awwwards.com/) or other parts of 3D websites you like.
- Subscribe to my [YouTube channel](https://www.youtube.com/@WawaSensei) and watch my free 3D web development tutorials.
- Share your work, get feedback, improve ♻️

**Tech Twitter** (or **X** now...) is a great place to learn and discover new things. Here are some accounts I recommend you to follow:

- [0xca0a](https://twitter.com/0xca0a)
- [Threejs](https://twitter.com/threejs)
- [Adam](https://twitter.com/_Axiome_)
- [Bruno Simon](https://twitter.com/bruno_simon)
- [Anderson Mancini](https://twitter.com/Andersonmancini)
- [Immersive Studios](https://twitter.com/ImmersivStudios)
- [Maxime Heckel](https://twitter.com/MaximeHeckel)
- [Faraz](https://twitter.com/CantBeFaraz)
- [The Ebenezer](https://twitter.com/th_ebenezer)
- [Andrew Woan](https://twitter.com/andrewwoan)
- [Alvaro](https://twitter.com/alvarosabu)
- [Wawa Sensei](https://twitter.com/WawaSensei)

## Thank you 🙏


React Three Fiber: The Ultimate Guide to 3D Web Development

Congratulations, you learnt the fundamentals of React Three Fiber. What's next?

Conclusion

Fundamentals

Welcome to this getting started tutorial on how to use react-three-fiber to create unique 3D web experiences.

Introduction

Learn what React Three Fiber is and why we are using it.

React Three Fiber

Setup your environment with all the tools you need to start building your first 3D application.

Setup

Discover the basics of 3D objects: geometries, materials, and meshes.

3D Objects

Learn how to transform meshes in 3D space using the position, rotation and scale properties.

Transforms

Discover the different types of cameras available in threejs and how and when to use them.

Camera

Debug your React Three Fiber scenes with useful helpers and Leva

Debug

Learn how to add lights to your scene to illuminate objects.

Lights

Learn how to cast and receive shadows on your 3D objects.

Shadows

Learn how to use React hooks with React Three Fiber.

React Hooks

Core

Learn how to use the essential hooks provided by React Three Fiber.

React Three Fiber Hooks

Discover how to setup a React Three Fiber project with TypeScript for your next 3D project.

TypeScript

Drei provides a set of useful controls to navigate in your scene and interact with objects.

Controls

Learn how to handle mouse, keyboard and touch events in React Three Fiber.

Events

Learn how to load and display 3D models in React Three Fiber.

3D Models

Use images and videos textures in your React Three Fiber projects

Image and video textures

Combine HTML elements to your 3D experiences in your React Three Fiber projects

Html

Add 2D and 3D text to your React Three Fiber experiences.

Text

Add a loading screen to your React Three Fiber experiences.

Loading Screen

Learn how to handle page scroll on HTML and 3D elements in your React Three Fiber projects

Scroll

Discover the different ways to animate 3D elements in your React Three Fiber projects

Animations

Master

Discover how to add physics to your 3D projects with React Three Fiber to create realistic simulations or games.

Physics

Discover ways to make your React Three Fiber projects more attractive.

Staging

Learn how to perfectly display multiple 3D views within your HTML page.

Views

Animate your 3D scene camera with a variety of controls to create beautiful transitions.

Camera Controls

Learn how to render your 3D scene to a texture to create a variety of effects.

Render Target

Post processing effects with React Three Fiber

Post Processing

Learn how to create cinematic 3D transitions with React Three Fiber and Theatre.js.

Theatre.js

Give the best experience to your users whatever their device is

Optimization

Shaders

Learn about shaders and how to use them in React Three Fiber.

Introduction to Shaders

Control your shader's output with shaping functions.

Shaping functions

Create a shader based responsive image slider with React Three Fiber.

Image slider

Portfolio

Create a great looking portfolio with everything you've learned so far.

3D World

Create an advanced water shader using React Three Fiber and GLSL.

Water shader

Part 2 of the portfolio project: create the HTML interface.

HTML interface

Learn how to create screen and model transitions using shaders with React Three Fiber.

Shader transitions

Final part of the portfolio project. We will make our website responsive.