🤖 Coding News ⚡️
27.2K subscribers
2 photos
1 video
807 links
High quality articles, videos, and tutorials about programming đź’»

HTML, CSS, Sass, JavaScript, TypeScript, React, Angular, Electron, Node, Vue, GraphQL and other topics đź’Ą

@CodingChat talk with other engineers
@CodingNewsFeedbackBot advertisement
Download Telegram
​​https://t.iss.one/WebpackNews/12

Using Webpack with Babel to bundle ES6 web application is a well documented area with pieces of supporting content in various sources like StackOverflow and Git providing information on how to use ES6 for the Webpack config file. But Babel started using scope packages starting from version 7. Since a lot of documentation was written for Babel 6 but not Babel 7. This caused a fair amount of confusion to many developers (Author included). Since many OpenSource packages tend to be to occupied with their own repository to be able to provide full time support or update the documentation. This article hopes to fill up that gap till all the various packages move their versions up.

#webpack #babel
​​Recently I wrote a higher level overview of CSS-in-JS, mostly talking about the problems this approach is trying to solve. Library authors rarely invest time into describing the tradeoffs of their solution, sometimes it’s because they are too biased, sometimes they just don’t know how the users apply the tool, so this is an attempt to describe the tradeoffs I have seen so far. I think it is important to mention that I am the author of JSS, so I should be considered biased.

#css_in_js #css #javascript
​​Elixir, the Phoenix framework, and the Erlang VM allows us to make production ready systems fast, easily, and with very few moving parts. At this point, you can see where we’re going with this. Let’s use what comes out of the box with Elixir to create a link shortener.

#elixir #phoenix #erlang #shortener
​​Containers are hugely helpful for improving security, reproducibility, and scalability in software development and data science. Their rise is one of the most important trends in technology today.

#docker
​​If you’re a Software Engineer or a Data Scientist, you probably would have heard about docker by now.

#docker
https://bit.ly/2N91ruh

Have you ever needed to seed a database with random, yet realistic, data for the purposes of testing, demonstration, or training? It’s a very common requirement, and one I have faced many times.

#sql
​​I’ve been using Redux for a few years. It’s cool! I can manage the state of my application in a single Store with many reducers. But… wait, what is really a store? A reducer? An action? Let’s decrypt it!

#redux #store
​​With Progressive Web Apps, you can now use the web to build full-blown apps. Thanks to an enormous amount of new specifications and features, we can do things with the web that you used to need to write native apps for. However, talking to hardware devices was still a bridge too far up till now. Thanks to WebBluetooth, we can now build PWAs that can control your lights, drive a car or even control a drone.

#buetooth #pwa
https://t.iss.one/WebpackNews/14

​​So a friend of mine, Frode, asked me a question about how Webpack and LESS works, and how you set that up. Instead of writing a one-off answer, I thought I’d write it as a quick article here on Medium — so other people can benefit from my answer as well.

#webpack #less
https://t.iss.one/ReactJSNews/16

​​Cookies, a mechanism for persisting data locally in a browser, can be incorporated into your React project in a matter of minutes. If you have React Router 4 and React Redux installed, some extra prop management is required to get your cookie object arriving at the correct Components

#react #redux #cookies
​​In the early stages of learning how to structure an HTML document, it’s not uncommon to end up with what some developers call “div soup.” Need a content section your homepage? Wrap in a div! Building a sidebar? Div it up! Three column layout? Div, div, div!

#html
​​The iPhone could be an incredible tool, but most people use their phone as a life-shortening distraction device.

#productivity #iphone #ios
​​The primary purpose of a loop is to iterate over one or a set of multiple statements. Iterating is a commonplace act in software development. To iterate simply means to repeat an action for a multiple number of times.

#javascript #loops
​​We’ve recently deprecated IE support for our product and this has opened up a world of new possibilities when it comes to development. While I know CSS Grid had partial support in IE (Microsoft created the original spec), the full implementation is much more magical. Patience is a virtue.

#css
​​Whether you are new to the world of development, or have been building things for a long time — or even if you’re a person who just likes computers and uses the internet daily — you’ve got to know the basics of networking and specifically Computer Networks.

#network
​​In this article I’ll show you the easiest way possible to create a chat application using React.js. It’ll be done entirely without server-side code, as we’ll let the Chatkit API handle the back-end.

#react #chat #tutorial
​​​​Yes, the ever so dreaded unit test that many new developers turn their heads to because of it’s seemingly complex nature. But today i’m here to hopefully take some of that pressure off of your shoulders and hopefully walk you through some examples that you can begin to implement in the code base your working on right now!

#javascript #testing #jest #sinon
​​There will be no introduction blah blah here because if you are reading this, then you should have already known some basics, so let us get started with the topic directly :)

#javascript