Developers tend to know very little about SEO because usually we tend to focus on how the website is exposed towards users and not bots, but it’s a very beneficial thing to know. SEO is very important for most of the modern websites because higher rank = more traffic = more money.
Link to recording
There are numerous strategies to choose from when building modern HTML-based apps today.
You can render it on the client-side, the server, or even generate it during build time.
You need to make a choice, and tools like Gatsby, Next.js, Angular Universal, ScullyIO, and NuxtJS can help you get there.
How do you make the right choice though? Why would you choose one over the other?
Link to recording
One full day, over 500 participants, 3 tracks, 13 lectures, and one cloud experts panel!
Wow, we had a blast.
The software development world is developing at a tremendous pace. New technologies and platforms are abundant, and things that were brand new a year ago sometimes suddenly seem like ancient history. The software architect’s job is to figure out how to best use these technologies and platforms to his/her advantage, and that job is getting harder and harder. At Architecture Next 2020 we discussed revolutionary concepts and tools and demonstrated how they can be applied towards making your next software system a better one.
Due to Coronavirus related restrictions, this year’s conference, held for the third consecutive year, was all virtual. But as usual, was packed with great content and insightful speakers.
Link to recording
The Virtual DOM is roughly what we generate through the renders of React components. But React is designed in a way where we don’t usually need to care about what exactly happens as a result of these renders. This lecture aims to explain the relationships between different React elements- a concept that would help us reveal React patterns where performance might be an issue, and how to handle them.
Link to the lecture recording
The virtual DOM is what we generate through the renders of React components. But React is designed in a way where we don’t care about what happens as a result of these renders. This lecture aims to explain the relationships between different React elements- a concept that would help us to reveal React patterns where performance might be an issue. We would later show how to avoid running into these performance issues.
Link to the lecture recording
I've recently worked a lot on performance improvement. I've read a lot of articles, and written a lot of lines of code. I've even maintained one of the most important libraries to detect performance issues (why-did-you-update), and later wrote an even better library from scratch (why-did-you-render).
My lecture will focus on how React's Virtual DOM actually works, and how to work with it efficiently when performance issues arise. We will also talk about what "performance issues" actually mean, and how to detect them.
Filmed @ Negev web developers meetup at wix offices, Beer Sheba
In this episode, the panel discusses React Performance. The panel talks about performance in general tools, concepts and priorities.
Today's show is about SEO for developers. SEO stands for search engine optimization, which helps your website appear higher on search engines.
This site is built with an open source project that is written with vanilla js.
It allows developers to compile a full HTML website of a tiny size
A small but important performance fix in the early stage of react-redux migration to React hooks
why-did-you-render monkey patches React to notify you about avoidable re-renders.
(Works with React Native as well.)
Creates a function that caches the last result of arguments, by key calculated from the arguments.
A webpack loader canonizing xml files, fixing issues like unquoted attributes:
<div width=100px /> → <div width="100px"/>
A webpack plugin to list all deployed files.
Sometimes we respond to React element mounts. The first instinct is to useRef & useEffect. But It’s wrong. What you really need is often useCallback.
React.memo / React.PureComponent usage guide
What is issue #14099 in React’s repo and how it affects you?
When working remotely, you benefit much more from good working processes and proactive team members and you are punished much more severely for sloppy work processes and personal carelessness.
TypeScript support, Custom hooks tracking (like React-Redux’s useSelector), Tracking of all pure components.
A key concept of React we tend to forget, quickly explained.
All you need to know about your role as a developer to improve your website’s position in Google search results.
The three levels of theme abstraction that would make your CSS themes invincible.
What is Babel and how to use it? What are presets and plugins, and in what order Babel applies them?
How to document/comment why package.json packages are pinned to specific versions? How to enforce no one accidentally updates them?
@welldone-software/why-did-you-render@^3 tracks redundant Hooks re-renders + React-Redux@^7 uses hooks = Great way to track React-Redux redundant re-renders!
@welldone-software/why-did-you-render version 3 is released with many features, including tracking of React hooks issues.
The web has evolved, and yes- Testing has too.
A common, hard-to-find, issue I’d like to share with you.
What to do with the many console logs you are probably about to receive when you start using @welldone-software/why-did-you-render?
Tracking unnecessary React component re-renders using the @welldone-software/why-did-you-render library.
How to use complete strangers for your own benefit while making their own life better and even contributing to humanity?
TL;DR; Use Jest for unit and integration tests and TestCafe for UI tests.
10x less code, 10x more redux power - part 2 - the basics.
An overview of tools that will help you program faster and become a code summoning wizard.
A Small Tip That Will Save You a Lot of Time, Bugs, and Rage.
tl;dr build a website and understand as much as you can about it. Here is a suggestion for something you can begin with.
Two weeks of self-study are enough to give an aspiring programmer an edge over others competing for the same job.
The Open University is open to anyone who wishes to study towards a bachelor's degree, without any prerequisites or screening process. However, the Open University still has high standards and demands academic achievements from its graduates.
B.Sc., Computer Science
A consulting, development and tutoring company.
Web Architect, Senior Full-Stack Developer, Tech Lead, and Blogger
Up until around , I worked on various short-term projects as a web and mobile ninja.
Since , I have been working as a Tech Lead and a Team Leader in several projects of the company.
I also research, lecture, and blog about web technology on behalf of the company.
The biggest platform for ordering food online outside of China.
Web Architect / Tech Lead
I was responsible for re-building the 10Bis website from scratch with a team of 5 people. We did it in a very short time, even though some people from the team were unfamiliar with Next.js and React.
Later, I created other projects from scratch and started to work on other 10bis projects as well.
Currently, I'm leading the front-end guild of around 7 people.
Cloud-based software for creating animated presentations.
Team Leader / Technical Leader
Initially I started off in charge of migrating PowToon's Web App from Flash to HTML5-React-Redux, essentially re-building the site from scratch. I created the infrastructure of the project and did the core graphical-mathematical work as well.
Our team of around 8 people consisted of developers from WellDone Software and PowToon. I was responsible to tutor and train PowToon's staff in learning everything about HTML5-React-Redux.
Later, I worked on the project's CI, testing, PowerPoint plug-in, and many other side projects.
A London based company that provides small businesses with an easy, inexpensive way to get online.
Full-Stack Developer, Technical Leader
I was responsible for building the website from zero with a team of 6 people.
User experience tools for intelligent email and Office365/SharePoint Management.
Full-Stack Developer, Mobile Developer
In these very intense three year period, I had the opportunity to work on many of harmon.ie's products. We developed web apps, Microsoft Office Plug-ins, and several apps for Android, iOS, and Windows Phone using Cordova.
During that time, I gained a lot of experience with various APIs by creating a cross-platform aggregation software that combines information from SharePoint, SalesForce, social networks, management platforms, and e-mail.