DEV Community

Ana María Díaz
Ana María Díaz

Posted on

3 1

Building our first project: A prototype using React js and Material UI

On this week we’re going to focus on building the first prototype of our project, i’ts going to be about building de Web views with React js and Material UI. If we already think of a design or have one in Figma it’s time to start working on it.

What is React js?

React is an open source UI library based on Javascript, it’s declarative and component based. This allows us to work faster and design views for each states in our application, components allows us to recycle and use them on other views that are needed. Also it works with JSX which is a file that allow us to write HTML and javascript at the same time.

How Material UI Works?

Material UI based on Material Design is a CSS framework that allows us to build our own Design System. It has a lot of prebuilt components ready to use and customize in our application. This helps us to improve the UI/UX on our project and is easy to use

What’s next?

Once we already know what technologies we want to use, we need to start working on our project, it is important to know that in this week we’re not going to finish it all. But start coding our views would be a great advantage.

On the next week we’re going to focus on functionality and security of the project. If you missed out my last post you can find it here: https://dev.to/anamdiazs/learning-to-build-a-project-from-scratch-in-4-weeks-implementing-agile-methodologies-5b4g

Image of Datadog

How to Diagram Your Cloud Architecture

Cloud architecture diagrams provide critical visibility into the resources in your environment and how they’re connected. In our latest eBook, AWS Solution Architects Jason Mimick and James Wenzel walk through best practices on how to build effective and professional diagrams.

Download the Free eBook

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay