“First, solve the problem. Then, write the code” — by John Johnson
GitHub Actions make it easy to automate all your software workflows, now with world-class CI/CD. Build, test, and deploy your code right from GitHub. Make reviews, branch management, and issue triaging work the way you want.
…but this sounds like an intro from GitHub welcome page, isn’t it 😳? So, what we actually need here is pointing out real-world CI pipeline configuration processes for the modern Web.
🌈 That’s what we’re going do today!
👉 In this article, we would rely on the repo with pre-configurated GitHub Action…
“Programming isn’t about what you know; it’s about what you can figure out.” — Chris Pine
This article covers the strategical aspects required for real-world web programming. It would be interesting most of all for Junior and Middle Front-end Developers.
Besides if you’re a well-versed (Senior) Coder I believe it’s worth move forward too. Right into Creating Custom Tree section to make a contest with yourself. Hope y’all have fun! 😉
👉 For all further experiments and coding processes, we’ll rely on preconfigured GitHub repo:
Basically, it tooks around 1–3 hours to pass an interview. Of course, depends on…
“First, solve the problem. Then, write the code.” — John Johnson
Imagine your project stands in the very beginning. You know how it works. Every good or bad written piece inside. Heh, yeah pal, it can be overkill to implement any sort of Unit/Visual/Integration/E2E testing then.
Meanwhile, by the time, it grows up and expands. Eventually, you become incapable to keep all the things in mind. At that point, every respectable project starts looking into ways of testing environment engagement.
💡 Practices to discuss is the article requiring some knowledge about cypress.io and project creation from zero. …
“The harder I work, the luckier I get.”– Samuel Goldwyn
Arr, not again! Do your beautiful 🚀 React page is allowing to watch on itself while it still being in the resources loading phase, doesn’t it? Well, pal, you came to the right place then!
Especially in the case of the images. Some blocks can shift one single if they don’t have strict dimensions. Much worse, by showing the image in chopped portions you can literally kill all the customer satisfaction from expected to see.
Hopefully, there is an easy way how to handle such abnormal user interaction. …
Automation is good, so long as you know exactly where to put the machine. Eliyahu Goldratt
Well, what exactly such a stuff like 🚀 Progressive Images Set (PIS) is, you would probably ask yourself? If shortly — a bunch of well-optimized images(same) for the modern web.
💡 Official: a regular image represented in both PNG/JPG/JPEG and WEBP formats, as well as produced in different resolutions (like for 1k, 2k-retina, and upper displays) at the same time. I.E. for every particular device that uses the image.
🌈 I guess every reader here has already had playtime with serving retina images along…
Even if we don’t wanna go into the future, it’s coming to us by itself.. — Sviat K.
I clearly remember the moment when I first switched off my legacy tube-based monitor on the brand new liquid-crystal one in the early 20xx. It was a boom in displays quality! So clear picture, so big resolution for those days. I loved it so much.
…But, the days go on and even times when FullHD resolution was a limit of the dreams have been passed far away along with its 2000s. You can see it all around: 2K, 4K, 8K 😱 monitors…
You’ll never know how everything work, but you should understand the system. — by Sviat Kuzhelev.
Each of us loves to get stuffs more or less prepared, ready to work. In case of React-based code-producing systems it’s obviously to know that today we don’t have something even better than starter kit from Facebook team — create-react-app. Yeah, this is really useful, you can just took it and start App coding “out of the box”.
As for me, from other side, by choosing such way we lose a lot of knowledges about how everything work inside the code-collider. I want to…
Cooper: Hey TARS, what’s your honesty parameter?
TARS: 90 percent.
Cooper: 90 percent?
TARS: Absolute honesty isn’t always the most diplomatic nor the safest form of communication with emotional beings.
Cooper: Okay, 90 percent it is.
from Interstellar (2014) by Christopher Nolan.
As TARS says, absolute truth is not something we always need. Modern Tool vendors and pundits promise that the creation of tools, which will allow you to abandon programming is not far off.
Mistakes are the portals of discovery. — Jaimes Joyce
The world is constantly changing and the digital side of it does not stand in a shadow. Regarding to the Front-end, “our world” is growing extremely fast. A few weeks ago Facebook team has provided us with a freshly new React release, were we got a lot of new stuffs.
Today we are going to dive deeper in the new features of React ^16 — Suspense and lazy and to discuss the most interesting part: how to bind them with React de facto standardized state management library Redux. 💪 😁
Senior Front-end Engineer | React enthusiast | Open Source Contributor | Love traveling and snowboarding.