/r/Frontend
/r/frontend is a subreddit for front end web developers who want to move the web forward or want to learn how. If you're looking to find or share the latest and greatest tips, links, thoughts, and discussions on the world of front web development, this is the place to do it.
Are you beyond (or want to be beyond) the days of href="javascript:void(0)"
? Does the idea of having HTML templates inside of a MySQL database make you nervous? Do you love making beautiful, modern websites? Then /r/frontend is for you.
/r/frontend is a subreddit for front end web developers who want to move the web forward or want to learn how. If you're looking to find or share the latest and greatest tips, links, thoughts, and discussions on the world of front web development, this is the place to do it.
Here's the kinds of things you'll find (and should post about) here:
Nowadays, the field of front end development is evolving at such a rapid pace that sometimes it's difficult to say what is frontend and what isn't. Therefore, some lenience is allowed in the type of posts that may seem more back-end oriented so long as their emphasis seems to be in the spirit of the subreddit.
You can find a list of useful sites and resources including blogs, social media sites, utilities, guides, tutorials, newsletters, tools, and more in our /r/frontend wiki.
/r/Frontend
Anyone up for partnering up to practice for front end interviews? specifically system design and UI component types of problems?
Hey everyone,
I'm on the lookout for a study partner to dive deep into the world of full stack web development with me. A bit about myself: I'm based in Dammam, Saudi Arabia .I'm not a complete beginner; I've got a little grasp of front end . However, I'm eager to enhance my skills, particularly in Tailwind CSS, JavaScript, Next JS and the MERN stack, with a focus on MongoDB.
If you're someone who's equally passionate about web development and is looking for a study buddy to keep each other motivated and accountable, let's team up! We can meet up, share resources, work on projects together, and support each other in our learning journey.
Feel free to drop me a message or comment below if you're interested. Looking forward to connecting with you all!
Have some free time. Confused what to do. It looks like all is already done.
Before migrating to lit webcomponents v3, we were using lit v2 in a Monolith Application. We never had issues with it. Now, after we migrate, we have multiple errors like "Uncaught TypeError: $ is not a function". Usually the $ is JQuery, right?
Can you help me, please?
I need to be able to download a csv from an api response but only use specific properties . In other words I don’t want every key to be included as a column in the csv.
Hello everyone! 👋 I'm excited to share with you my latest project, Chatify 💬, a group chat app that I've been developing over the past few days. Chatify allows users to communicate with each other in real-time with the following key features:
Explore Chatify here: Chatify App
Please note: To chat with others, ensure you use the same room ID as them
#react #learninpublic #buildinpublic #frontend #webdevelopment
Hello everyone, I have hands-on knowledge of developing a frontend in React and Angular, and can get a secure SPA up and running with basic state management, auth and re-usable components. However, I feel I lack the knowledge of important, maybe advanced, frontend-related concepts e.g., complex state management, correct use of local storage or cookies, micro-frontends, server side rendering, lazy loading, freeing up browser memory, etc. Would you know of any good resources, paid or unpaid, for learning the type of frontend related concepts I mentioned above? The goal is to have a gold standard on how to build complex SPAs the right way. Thank you in advance, your help would be greatly appreciated.
I have been stuck on this problem for multiple days.
Let’s say you wrote a script that takes any html page, finds emails and phone numbers and just marks them ( inserts an icon next to it )
Now, what if we clicked on the icon and it gave us back an object with that email and the nearest phone number that we think belongs to it. How can this be done without relying on certain tags or classes?
The main goal here is to get grouped contact info from any webpage, usually contact info would occur together, like email, phone, name. But can we group them?
Hi I am front end developer from India ...I am decent in reactjs but I am trying to deep dive into reactjs more so I downloaded jonas schemdtmann course from udemy and making hard notes and code along side by side most of the time I watched full tutorial and then code by Myself.. do you think it's a good approach for making a strong grip in reactjs ..... correct my grammar
In few days I will be heading to a known software companies office for an exam which will be held for around 20 people. The selected ones will continue to 2 month academy to practice the front-end technologies like javascript-css-react, and succesfull ones will get a chance for internship. On a mail they sent it says that there will be need for figma (without dev mode) and nothing more was written. Currently Im only comfortable using html and css (building basic website looks using flexbox). Im not sure if there is going to be more programming questions regarding javascript. What do you guys recommend me to check before exam?
60-year-old getting back into the game. I did some CSS coding back in 2009 for a couple of years. I understand the basics.
What are some good resources to get back into the game? I can learn/pick up fast. I love looking at code and learning backwards.
My intent is to fix some WordPress themes.
By that I mean is it still used by front end Devs or not.
Are you guys still using pure vanilla css or do you rely more on UI libraries like tailwind? Is it worth paying for a css3 website template nowadays?
How many of you prefer css over a UI library?
Hello guys. I'm building an app and I want to use an API or something to find and save in an .csv file with cars.
I want to use car brands and models.
I want the info like this dropdown menu here: autodoc.gr
Any tips?
Thanks!
So I currently know React and I feel like I can create pages easier. Unsure if this is because I started with React, or I have more experience or it really is faster. Just curious what people think.
I copied design of a theme from Webflow for my private business. I did website in react, my html, my css,my js code but not my design. Desing of core website(sections, layout etc)is not mine. I've changed photos and logos to suit my business and company.
Is there any chance to get copyright?
Currently using react, typescript, tanstack query. Seems like the go-to is to persist the state in chrome storage. What do you prefer doing?
Just a noob here, trying to learn :)
I'm looking for alternatives to Stimulus. I have an app built with Htmx that is working really well but I want to improve the UI. I don't want a SPA nor client side rendering, it's just things like disabling buttons when a request is in place, swap css classes, etc... Scripting in general.
I'm having some problems with Stimulus with Htmx. Do you know anything else?
Users login using the Microsoft login page. A React App needs to get a token and use it to access some API. How to get the token using the AD? How to check the token in the API backend?
I'm a backend developer that is trying to get more into the frontend to ship some personal projects. After some research I came to the conclusion that SolidJs is the framework to go in terms of capabilities and speed and React if I want support for community and packages, and the packages part is that is getting me confused.
Being a javascript framework, can't I just use any javascript library without writing wrappers? Because if that's is the case I think it's a no brainer to just go with SolidJs instead of React.
I have two animation, with gsap and kute.js and they are individually slowing down my page a lot. So much so that my buttons aren't clickable until the animations start. What can I do to load the animations with lesser priority ? Is there any lazy loading approach for this ?
I have tried turning on the svg from within useLayoutEffect but once the animations start loading the interactivity goes away until the animations are fully loaded.
p.s. The animations are on loop.
Please help me with this ?
I have multi repos, each repos need to consume the same components (let say componentA). my current approach is each repo have that componentA and when it need to update the code in the componentA then need to update it in other repos as well (which is this approach takes many effort).
what is best practice to handle this case? using git submodules? or create a package?
I built projects with react, next, sass, tailwind, express.js ,mongodb and I kinda feel like I started repeating myself. I'm just creating the same structure & endpoints, then I style the components, configuring routers and boom, thats the project.
But now I want to expand my knowledge. I mean right now I can build almost any website with these tools but I'm looking for ways to expand this. what language/framework I can learn as a frontend dev?
I was thinking about diving into AWS and learning some of their techs. but i really don't know. what would you suggest learning?