
The most important feature of the app is the user profile page: In this app, users can share the board games they’ve played, their league-sanctioned competitive results (there’s now a league, roll with it), and short reviews of competitive matches.

However, as your app scales, your files will grow along with it, filling up with inscrutable and unmaintainable spaghetti code.Īs is tradition, let’s look at a silly example: let’s say you’re building MySquare, a leaderboard for competitive board gamers. You can build a simple frontend with just three files: HTML, CSS, and JavaScript. It usually includes some way to structure your files (for example, via components or a CSS preprocessor), make AJAX requests, style your components, and associate data with DOM elements. So, the front end includes building intuitive and pleasant interfaces, as well as efficiently storing, presenting, and updating data received from the back end or API.Ī front-end framework is a scaffold for building your front end.
#Game frontend display input code
It’s often described as all the stuff the user sees, but more generally, it’s any code that’s responsible for efficiently displaying data to the user. Frameworks that enforce these principles, like Ruby on Rails, are usually referred to as opinionated.Ī front end is the presentation layer of your application.
#Game frontend display input software
We’re going to talk about front-end frameworks a bunch (you might have gotten a hint from the title), so let’s get on the same page around terminology:Ī software framework is a pre-written app structure for you to build on top of. However, your app has a “front end”-noun, no hyphen.

Quick aside: “front-end framework” gets a hyphen since it’s a compound adjective. How a front-end framework might help address these.The architecture problems you might encounter as it scales.In this post, we’ll take a bird’s eye view of the problem front-end frameworks are trying to solve and when you might want to use one. (We’ll come back to how that turned out at the end of the article.) This is the explanation I wish had then. I had a loose sense that implementing a framework was the right next step, but I had little idea about what they did. A few years ago, while working on a side project, Hackterms, my own front end became unwieldy. If you’ve wondered why and when these frameworks are used and whether it’s time you implement one in your project, you’re not alone. Names like React, Vue, and Angular abound in tutorials and Hacker News debates. You’ve likely heard about front-end frameworks.
