TheFrontEnd🔥
So Christmas and New Year's celebrations are done, looks like it's just the right time to set proper achievable goals for 2019. For this channel the goal is nice and simple - 6k subs by the end of the 2019. Let's see how it goes. Thank you to all of you…
7k 🎉🎊
Normally after such a message a few unsubscribe right away, let's see how that filtering works today😏
Normally after such a message a few unsubscribe right away, let's see how that filtering works today😏
Had to dive into testing recently with Jest and Mocha, and quite timely got send this visual testing tool that one of our subscribers launched recently.
It reminded me of nightmare.js based on chromium, but much more convenient to use and create quick tests without any coding needed.
Have a look.
From the creator:
Copycat is an open-source extension which eases the web app test creation phases. Now everyone can create web tests without writing a line of code. https://www.producthunt.com/posts/copycat-3
It reminded me of nightmare.js based on chromium, but much more convenient to use and create quick tests without any coding needed.
Have a look.
From the creator:
Copycat is an open-source extension which eases the web app test creation phases. Now everyone can create web tests without writing a line of code. https://www.producthunt.com/posts/copycat-3
Product Hunt
Copycat: Extension to test web apps without writing a line of code | Product Hunt
This extension is built to ease creating web tests. It is like Selenium-IDE, but for jest-puppeteer (for now). Also, this extension records actions on your browser, so it doesn't need to open up a new Selenium or Puppeteer window to record your actions on…
Super long read on current frontend architecture
If you have a spare 40 min that's definitely interesting one to read.
If you have a spare 40 min that's definitely interesting one to read.
Medium
Contemporary Front-end Architectures
How we got here? A front-end engineer’s perspective!
Learn this language to get a job
There are several articles on the web claiming that specific language will get you a job.
It is, however, true only to an extent. To an extent that if you apply for a Java Dev role clearly experience in Java is a must. But if we are talking in general noone cares if you are an expert in specific language, unless those languages are specified in job description.
The reality is that companies tend to stay technology agnostic this days (especially startups). You can even say it out loud during an interview - it will get you a few extra points.
As if they move to a new stack e.g. Angular -> React (seen it often), you ll be the perfect candidate to take on this.
In fact, some even suggest that getting the solution right in the technical interview is no longer a must.
Check the screenshot below.
There are several articles on the web claiming that specific language will get you a job.
this.checkIfTrue() //falseIt is, however, true only to an extent. To an extent that if you apply for a Java Dev role clearly experience in Java is a must. But if we are talking in general noone cares if you are an expert in specific language, unless those languages are specified in job description.
The reality is that companies tend to stay technology agnostic this days (especially startups). You can even say it out loud during an interview - it will get you a few extra points.
As if they move to a new stack e.g. Angular -> React (seen it often), you ll be the perfect candidate to take on this.
In fact, some even suggest that getting the solution right in the technical interview is no longer a must.
Check the screenshot below.
That "simple loader" has been fully done in ProtoPie. Added this one to my tech bucket list to try the tool in the next prototyping project.
Anyone used it? Any feedback? Can you create React components there? How does it get exported for devs? Is it easy to follow guidelines and style when transferring it to frontend with code or its another "please not again" for devs?
Too many questions, very few answers. Join our chat and share your thoughts if you have any (the chat been a bit quite recently)
Anyone used it? Any feedback? Can you create React components there? How does it get exported for devs? Is it easy to follow guidelines and style when transferring it to frontend with code or its another "please not again" for devs?
Too many questions, very few answers. Join our chat and share your thoughts if you have any (the chat been a bit quite recently)
ProtoPie
ProtoPie: Interactive Prototyping Tool
ProtoPie: The ultimate interactive prototyping tool for designers. Create realistic, interactive prototypes easily—no coding needed!
Eslint + Prettier
One thing that companies expect from a senior Dev is flawless consistency in your code style.
Seriously, don't underestimate it.
Extra space in one file in indentation will easily get highlighted when they check your solution.
JS for example is quite flexible in its style and pushing style format is a great way to keep everything nice and beautiful.
I typically use eslint with prettier, specify settings like indentation, trailing semi colons and absolutely fundamental format on save.
Someone recently gave me a few compliments when they saw my code gets automatically formatted even if I code in a Hackathon-style (too fast with screwed styling).
As a bonus, you can make it impossible for a team member to commit if eslint/prettier thinks something is not right. This will make your overall styling consistent.
As a tradition, can't leave a note without some articles.
JS+Eslint+Prettier
PS VScode is da best
One thing that companies expect from a senior Dev is flawless consistency in your code style.
Seriously, don't underestimate it.
Extra space in one file in indentation will easily get highlighted when they check your solution.
JS for example is quite flexible in its style and pushing style format is a great way to keep everything nice and beautiful.
I typically use eslint with prettier, specify settings like indentation, trailing semi colons and absolutely fundamental format on save.
Someone recently gave me a few compliments when they saw my code gets automatically formatted even if I code in a Hackathon-style (too fast with screwed styling).
As a bonus, you can make it impossible for a team member to commit if eslint/prettier thinks something is not right. This will make your overall styling consistent.
As a tradition, can't leave a note without some articles.
JS+Eslint+Prettier
PS VScode is da best
Medium
Setting up Prettier and ESlint for JS and React Apps
In any Frontend project, especially with big teams, it is important to standardize the code style and formatting, this has many benefits:
TheFrontEnd🔥
Eslint + Prettier One thing that companies expect from a senior Dev is flawless consistency in your code style. Seriously, don't underestimate it. Extra space in one file in indentation will easily get highlighted when they check your solution. JS for…
Adding on the above styling techniques.
Nice article on best practices:
https://medium.com/the-non-traditional-developer/styling-best-practices-using-react-c37b96b8be9c
Nice article on best practices:
https://medium.com/the-non-traditional-developer/styling-best-practices-using-react-c37b96b8be9c
Medium
Styling Best Practices Using React
One of the most enjoyable parts of working on the web is that you get to work in such a visual medium. I big part of the visual aspect is…
This media is not supported in your browser
VIEW IN TELEGRAM
Would you spend 5 hours to make that colored ripple effect on button click or it's not worth it?
👆80+ people, who voted 'No' can you go into a group and share your thoughts why it's not worth it? 😉
Профессия Frontend-разработчик
Skillbox запустил программу по обучению фронтенду, если вкратце, то там и html/css и JS, и React+Redux, работа с git. По прохождению программы делаете 2 проекта: landing page и Instagram clone.
Если вы хотите зайти в веб (или "дозайти"), такая программа может быть вам полезна и будет что положить в резюме.
Сам Skillbox у себя о программе пишет следующее:
С нуля до разработчика с зарплатой от 60 000 рублей за 6 месяцев. Вы научитесь верстать сайты и создавать интерфейсы, а также соберёте два проекта в портфолио и получите современную профессию. После прохождения обучения — гарантированное трудоустройство.
И все это сейчас доступно с новогодней скидкой 50%
https://clc.to/h82tCQ
Skillbox запустил программу по обучению фронтенду, если вкратце, то там и html/css и JS, и React+Redux, работа с git. По прохождению программы делаете 2 проекта: landing page и Instagram clone.
Если вы хотите зайти в веб (или "дозайти"), такая программа может быть вам полезна и будет что положить в резюме.
Сам Skillbox у себя о программе пишет следующее:
С нуля до разработчика с зарплатой от 60 000 рублей за 6 месяцев. Вы научитесь верстать сайты и создавать интерфейсы, а также соберёте два проекта в портфолио и получите современную профессию. После прохождения обучения — гарантированное трудоустройство.
И все это сейчас доступно с новогодней скидкой 50%
https://clc.to/h82tCQ
Finally
Optional Chaining is finally getting in. Recently got nicely into CRA.
On this note, I decided to visualise one of the current pains that hopefully will be solved from now on.
Learn from a screenshot (or whatever we used to call this)
Optional Chaining is finally getting in. Recently got nicely into CRA.
On this note, I decided to visualise one of the current pains that hopefully will be solved from now on.
Learn from a screenshot (or whatever we used to call this)
This media is not supported in your browser
VIEW IN TELEGRAM
Have you heard of currying in JavaScript?
