Haha, this week’s big event in the Internet circle is the closure of the wechat public account on the iOS platform reward entrance. There are many articles discussing this matter, but the front weekly did not include relevant articles. JS Conf China 2017 is scheduled to be held in Shanghai on July 15th. The early bird tickets have been sold out. If you want to go to JS Conf China 2017, please register as soon as possible.

Going back to the technology itself, I came across three great articles on how to write simpler code: Indentation is complexity, cutting out loops, and writing less, which is recommended for beginners and mid-level engineers alike. Okay, here are this week’s picks, React Native is heavily featured, so enjoy.

The article tutorial

That’s all you need to know about arrow functions

Arrow functions are a new feature in ES6 that makes function code more concise. Arrow functions themselves do not bind execution contexts, parameters, etc. A lot of times, we make mistakes and learn “read the documentation before you do anything”. The MDN documentation for arrow functions is very detailed, explaining what works and what doesn’t, and if you’re coming from an ES6 environment, you have to read this carefully.

Vue. Js tutorial for students who know a little about jQuery

JQuery is just like Apache in the field of Web Server. According to statistics, 70% of the websites in the world now use jQuery. The technology is improving. One of the biggest barriers to learning something new is changing your way of thinking. Read this article to see what new ways of thinking you can embrace in Vue.js.

Learn the principles and usage of React Native Navigator through cases

When you first started React Native, you had a lot of questions in your mind. Does React Native have anything similar to React Router? If so, how? React Native Navigator is designed to do just that. This article will start with a simple example of how to use Navigator, transfer parameters, and configure transitions.

Tips for managing the React Native application style

Have you ever wondered where to put the style code for React Native? Do you pull them out individually or do you line them all up? What about shared styles? There is really no standard practice, and this article will give you some tips on how to make your code more manageable.

How to protect your Web application using HTTP Headers?

Web applications are the targets of network attacks, no matter simple small Web pages or complex single-page applications. Developers can leverage HTTP response headers to enhance the security of Web applications, often by adding just a few lines of code. This article shows web developers how to build secure applications using HTTP Headers. Although the sample code for this article is Node.js, virtually all major server-side languages support setting HTTP response headers and can easily configure them.

Front-end engineer in the wave of big data

Put the front end engineer in the context of industry development and technology progress, the front end engineer should not only focus on interface and interaction, highly recommended reading, not much explanation.

Front end Close reading review: Front and back end rendering wars

Ten years ago, almost all websites used ASP, Java, PHP and the like for back-end rendering, but with the rise of JS frameworks such as Angular, React, Vue and so on, they started to shift to front-end rendering. Since 2014, isomer rendering has become popular, which is known as the future, integrating the advantages of front and back end rendering. However, three years have passed in a flash, and many heroic frames (Rendlr, Lazo) have become martyrs from pioneers. Is isomorphism the future? How to choose your own project? Recommended reading

The development tools

Httpie: better than curl or wget

Httpie is a much better web request command-line tool than curl or wget. Egghead. IO is also a free course that covers HTTP basics. Note that this tool is pronounced “love titipi”, not “love titipi love”.

Awaiting: Async /await helper library

Awaiting is a toolkit based on the async/await feature that provides common delays, waits, and Promise related utility functions. Want to learn async/await? We’ll learn faster if we see what the pioneers did with him.

The code framework

React Navigation: Scalable and easy to use routing solution

React Navigation is an extensible but very easy to use routing solution that evolved from the combined efforts of Facebook, Expo, and the React community, and can even be used in the React project.

Split.js: Lightweight view-splitting JS plug-in

Split.js is a lightweight view (panel) separator plug-in that has no external dependencies and no special rules for HTML writing, requiring only that Split panels have the same parent node. Support horizontal, vertical segmentation, adjacent panels automatically added to the middle of the drag division line.

Look for inspiration

Froggy: Learn Flexbox by playing games

Let’s just say, Flexbox brings convenience to layout only those who learn can truly appreciate, this 24-level small game, through the flexible use of Flexbox frog into the right position, to help you master Flexbox inside the various attributes of use, usage.

What does the Linux kernel look like

Turnoff. us has an interesting look at The comic “InSide The Linux Kernel”. Turnoff. us is a geek comics site where author Daniel Stori does some very interesting comics about programming languages, the Web, cloud computing, and Linux.

Video tutorial

Egghead. IO: Getting started with Redux

Redux is a state management tool for React applications. In fact, it can be applied to more general JS applications. This tutorial was recorded by the author of Redux (the man who made HMR standard for front-end development) and is freely available on Egghead. IO.

SEO best practices for websites driven by JS

John Mueller, an engineer at Google, shares SEO best practices for modern websites (mainly referring to the use of JS sites), clears up some misconceptions about SEO in the community, and gives some useful advice to get over the wall.

One More Thing

The author of this article is Wang Shijun. For commercial reprint, please contact the author for authorization. For non-commercial reprint, please indicate the source. If you found this article helpful, please give it a thumbs up! If you have any questions about the content of this article, please leave a comment. Want to know what I’ll write next? Please subscribe to my Nuggets column.