Best of daily.dev — June 2022
- 1
- 2
Hashnode·4y
Portfolio Ideas - An open-source repository for inspiration
Portfolio ideas is a repository of incredible developer portfolios you can draw inspiration from. It is also a beginner-friendly open-source project for developers looking to contribute for the first time. To add a portfolio, you can either create a new table or copy an already existing table and edit it.
- 3
GitHub Blog·4y
GitHub Copilot is generally available to all developers
GitHub Copilot is an editor extension that suggests code in real time. It's free to use for verified students and maintainers of popular open source software. Starting today, it’s now available to all developers, and we’ll offer it to companies later this year.
- 4
asayer·4y
Build beautiful UI components with NextUI
NextUI is a modern React UI framework that allows you to make beautiful and fast websites/applications regardless of your design experience. You can create beautiful UI in your React and Nextjs application with just a little customization in the App.jsx to load the NextUI provider. It has many cool features, which is why it is loved and used by many developers.
- 5
5 Tips For Writing Cleaner Code
Nesting in code is something we do all the time, and although there's nothing inherently wrong with nesting, it can sometimes make code harder to read. The "Return Early" design pattern allows us to use the if statement as a guard clause to check for errors and return before executing any further code.
- 6
Community Picks·4y
"Google" programmers. How one idiot hired a couple more idiots
Ivan Belokamentsev is the founder of PVS-Studio, a Russian IT company. He changed the recruitment plan for programmers to make them write code on a computer, not on a sheet of paper. The change made a huge difference in the productivity of his team.
- 7
Hacker News·4y
The next-gen web framework.
Fresh is a next generation web framework, built for speed, reliability, and simplicity. Just-in-time rendering on the edge. Island based client hydration for maximum interactivity. Zero runtime overhead: no JS is shipped to the client by default. TypeScript support out of the box.
- 8
You Might Not Need an Effect
Removing unnecessary Effects will make your code easier to follow, faster to run, and less error-prone. Effects are an escape hatch from the React paradigm. They let you synchronize your components with some external system like a non-React widget, network, or the browser DOM.
- 9
Better scrolling through modern CSS
scrollbars are a very mundane thing that every website and every app has. They don't get much love from developers, but we should be paying a little more attention to them. Let's look at some of the things we can do in 2022 to improve the scrolling experience.
- 10
Josh W Comeau·4y
My Wonderful HTML Email Workflow
MJML is a responsive email framework from Mailjet. It essentially provides a layer of abstraction over raw HTML. The MJML language provides a set of common tags you can use to structure your email. As long as you follow the MJML conventions, your email should render properly across all email clients.
- 11
freeCodeCamp·4y
Automate Your Life with Python
We just published a Python automation course on the freeCodeCamp.org YouTube channel. Learn how to automate boring and repetitive tasks such as creating an Excel report, sending text messages, extracting tables from websites, interacting with websites, and more. You will learn how to use a few different Python libraries to help with automation such as Path, Selenium, XPath.
- 12
Write Better Commits, Build Better Projects
Commits in Git repositories are more than just save points or logs of incremental progress in a larger project. Over time, commits should tell a story of the history of your repository and how it came to be the way that it currently is. It’s been my experience that commits are most effective when they’re tweaked and polished to deliberately convey a message.
- 13
gitconnected·4y
How we built daily.dev, the 150k+ developer community
daily.dev is the top news resource for programmers and one of the largest communities with 150k+ active developers. CEO Nimrod Kramer shares their mission of building a platform where developers grow together, and how they have achieved explosive growth over the past few years. Click here to read the full interview with the CEO and Co-Founder.
- 14
- 15
Give Up GitHub: The Time Has Come!
GitHub profits from those proprietary products (sometimes from customers who use it for problematic activities). GitHub profits primarily from those who wish to use GitHub tools for in-house proprietary software development. If you aren't the customer, you're the product. The FOSS development methodology is GitHub's product, which they've proprietarized.
- 16
Pointer·4y
bradtraversy/50projects50days: 50+ mini web projects using HTML, CSS & JS
50 Projects in 50 Days - HTML/CSS and JavaScript and JavaScript. This is the main repository for all of the projects in the course. We are only accepting pull requests and looking at issues for bug fixes so that the code stays inline. All of these projects are part of the course and are available for download.
- 17
Fresh 1.0
Fresh is a new full stack web framework for Deno. By default, web pages built with Fresh send zero JavaScript to the client. The framework has no build step which allows for an order of magnitude improvement in deployment times. Fresh is a routing framework and templating engine that renders pages as they are requested, on a server. It also provides an interface for seamlessly rendering some components on the client for maximum interactivity.
- 18
Honeypot·4y
6 Best Frontend Communities to Join in 2022
In 2022, there are lots of online developer communities that can scale your learning experience and speed. WeLearnJS is a slack community of JavaScript developers with more than 12,000 members as of June 2022. Reactiflux is an online Discord community of React developers with a massive size of more than 185,000.
- 19
The End of Localhost
Dev environments should be cattle, not pets. It looks likely that in future, most development will not be done on localhost. The time wasted fixing bugs between dev and prod environments goes from 1-4 hours a week down to 0. Many Bigcos who have invested in their developer productivity already work entirely in the cloud.
- 20
Towards Dev·4y
CSS Grid Layout Module
CSS grid allows for more standardized code that works across browsers. A grid layout consists of a parent element, with one or more child elements. To make an HTML element behave as a grid container, you have to set the display property to grid . The grid-template-columns property defines the number of columns in your grid layout.
- 21
swyx·4y
The End of Localhost
Dev environments should be cattle, not pets. It looks likely that most development will not be done on localhost in future. Fast gigabit internet is cheap and everywhere (5G or mesh wifi) Dev machines (laptops, tablets, VR) are cheap and have multiday battery life. Your apps build in a second regardless of scale.
- 22
Stack Overflow Developer Survey 2022
Research companies that have advertised on sites I visit 14.8% have emailed me 8.39% 208. Academic researcher Start a free trial 66.98% 1,661. Ask developers I know/work with 69.96% 1.735.Visit developer communities like Stack Overflow 65.04% 1,.613.Read ratings or reviews on third party sites like G2Crowd 28.91% 717.
- 23
Build a Low-Code Dashboard for Your Startup
We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to create a dashboard to help manage your site or startup. In this course you will learn how to use low code tools and APIs to build a customer support dashboard. You will learn to create the dashboard using the Appsmith platform, MongoDB, the SMTP API, and the Discord web hook.
- 24
How browsers work
How browsers work Behind the scenes of modern web browsers. Tali Garsiel's primer on the internal operations of WebKit and Gecko. Chrome, Firefox and Safari make up around 71% of global desktop browser usage. Android Browser, iPhone and Chrome constitute around 54% of usage.
- 25
JavaScript Design Patterns –Explained with Examples
Design patterns were popularized by the book "Design Patterns: Elements of Reusable Object-Oriented Software" The book explores the capabilities and pitfalls of object-oriented programming. It describes 23 useful patterns that you can implement to solve common programming problems. These patterns are classified into three main categories: creational, structural, and behavioral patterns.
