Discover and read the best of Twitter Threads about #javascript

Most recents (24)

My React Native Journey:
A while ago, I fell madly in love with #React. And recently delved into #ReactNative. My React Native journey hasn't been as smooth though. Due to the frequent updates of the react-native framework, existing tutorials quickly become outdated.
In this thread, I have curated some of the most relevant materials I have found, which have brought the much-needed balance to my learning journey. They are listed below:
1. The React Native Documentation: irrespective of what other material you chose. This always comes in handy for quick reference. And it's always up to date.

reactnative.dev
Read 16 tweets
Here's how to convert country code to the country emoji flag using #javascript
E.g:
NG - 🇳🇬
US - 🇱🇷
#100DaysOfCode #CodeNewbie #javascript #freeCodeCamp #programming
@_100DaysOfCode @CodeNewbies @BlackTechTweets @NodeJS_Daily @JavaScriptDaily @joelnet @kentcdodds @sarah_edo @coder_blvck Alternatively, you can also convert `flag emoji` to it's corresponding country code
#100DaysOfCode #CodeNewbie #javascript
👇👇👇
Read 3 tweets
eae rapaziada, beleza? 🤙
quer aprender o que o #unclebob dizia sobre funções na série #cleancode? 🔥

Segue o fio! 🧶👇

#software #SoftwareEngineering #100DaysOfCode #functions #javascript
1. Uma função deve ser pequena.

2. Uma função deve ser menor ainda.

3. Várias funções pequenas e bem nomeadas economizarão seu tempo e de todo seu time porque elas funcionarão como pequenas placas ao longo do seu projeto, ajudando todos a navegar no código.
4. Classes estão escondidas dentro de grandes funções e se você quer quebrar seu software em classes apropriadamente deixe suas funções pequenas.
Read 12 tweets
Hey #webdev

As promised, here is a list of 100 project ideas to practice, showcase or challenge yourself.

Enjoy!

github.com/PandiyanCool/1…

♥ Add a star to repo and 🧩 retweet to reach more devs.

#100WebProjects #angular #javascript #html #css #devcommunity #typescript
Quote generator
#100WebProjects
Read 102 tweets
[Web Development]

First Tweet!
Yaaayyy!
Kita mulai ya untuk bahas semua seputar koding.
Mungkin bisa kita mulai dari Web Development dulu kali ya?
Karena sekarang kan lagi ngetren soal Web Development.
Nantikan update berikutnya.

#codeTOPP
#webdevelopment
#belajarCoding
Sebelum kita berangkat lebih jauh ke teknis terkait web development. kita harus tau apa itu web.
Web adalah kependekan dari website. yang merupakan kumpulan halaman yang dapat di akses dari aplikasi browser.
Browser yang sering kita temui diantaranya : google chrome, mozilla firefox, internet explorer dan safari.
Bayangkan ada kumpulan halaman dan untuk bisa melihat/mengakses nya kita harus menggunakan aplikasi browser.
Read 57 tweets
1/12🔥A fast [thread] about what to expect after Hello World

🎉Congratulations! You have just written your first Hello World Express.js app in Node.

#javascript #100DaysOfCode
2/12 But you quickly discover any Error that happens in an async thread (like after an API call) will fatally crash Express.😢
3/12 We add a handler to capture all uncaught exceptions. Except, we also notice the #nodejs docs issue a Warning "It is not safe to resume normal operation after 'uncaughtException'."

So we're not much better off because we still have to halt the app.

nodejs.org/api/process.ht…
Read 12 tweets
My girlfriend went on holiday with her family, so I decided to use all my free time to learn Rust while she's away. To keep myself motivated, I'll document the experience here.

From #JavaScript / #Typescript to #rustlang: A thread
First, some context (1/4): I tried to learn rust years ago, when there was syntax for multiple types of pointers. I'm familiar with many of its concepts, but never took the time to do something useful with it.
Context (2/4): I've worked with multiple languages, but spent the last couple of years using js and ts.
Read 126 tweets
According to my commit log, it's been almost exactly 2 years since I started building @desanahq as we know it today. This is how it went down. A thread 👇

#startup #developers #nodejs #javascript #ios #android #nativeapps #kubernetes
@desanaHQ When we (@michaelcobyburn and @SteveInJeans) started, I was keen to build something which would "scale". I thought "if this does well, it's going to have to cope with the demand". We had no money and we all worked full time doing other things.
As if things weren't challenging enough, I thought I'd also take the opportunity to learn some new things. Enter @nodejs "microservices" on @kubernetesio on @googlecloud. Oh, and we had to launch in time for National Coworking Day (18th May) which gave me less than 5 months...
Read 25 tweets
🔥🔥🔥 The #1 Recursion (Syntax) Twitter Thread

This thread will demonstrate an easy way to write recursive functions

The recursion will so be compared to a for loop for familiarity

Tail Calls and Performance discussed later, Syntax Only!

gist/theme at end 👇

#javascript
Step 1: Create your iteration variable(s)

In recursion, it can be easier to set a default value. Pass `i` again when calling `loop` on the `return` line

#javascript #code #dev #es6
Step 2: Add a break condition

Like a for loop, add the break before you write your code. This will prevent infinite looping.

Notice how the for loop is a "continue" and the recursion uses a "break". That means the condition must be flipped for recursion

#javascript #nodejs
Read 10 tweets
Always wanted to check out @sveltejs (aka. "the next big thing in web dev") but never got time for it? ⏰

🔥 I've got a 10-tweet crash course for you! 👇

(Spoiler alert: Svelte is so intuitive and easy to use that you may feel like you already know it! 🥳)

#javascript #svelte
1/10
How Svelte works:

- Compiler: Doesn't ship a Svelte "library" to users, but build-time optimized plain JS
- Components: App is made up of composable UI elements
- Reactive: Event/User interaction triggers chain of state changes, autoupdating components throughout entire app
2/10
UI is a component tree. A component defines how your app should interpret some abstract "state" values, so that it can turn them into DOM elements in your browser, and ultimately pixels on your screen.
Read 17 tweets
I felt super nostalgic the last week and wrote an homage about why every JavaScript developer should learn Redux 😅

robinwieruch.de/redux-javascri…
Even though you will not use Redux on a daily basis, there are just too many hidden gems in learning it; which will benefit every #JavaScript developer.



Here it comes 👇🍿
⏯️ Redux in a nutshell in context of a UI library like React 👇
Read 17 tweets
Okay, so tomorrow is the day i do the thread on regular expressions. I will do the thread on everything on regexes for 2 popular languages : #Javascript & #Python. So, stay tuned for tomorrows tweets starting at around midday

cc @NellyTadi @Jayydubby @Patrick01_Codes
@NellyTadi @Jayydubby @Patrick01_Codes So sorry for the delay guys;

So, today i am going to be talking about regexs or regular expressions and how formulate them in 2 programming languages. We are going to start with the basics and from there we will look at the meta syntax combinations that come together to make...
...it possible to perform matches on strings (matching sequences) using patterns (formed by meta characters / meta syntax).

Regular Expressions are sequence of characters that define a pattern that is always finite, unambiguous or unaffected by context.
Read 23 tweets
Today I Learned I love tinker with tech a week ago I gave a try to @Android. It is a breath of fresh air after closed system of @Apple phone. It's very easy to run @reactjs app on PHONE it's sick. #TodayILearned #100dayofcode #mobile #JS #JavaScript #coding @nodejs @termux
After downloading node_modeules it just works. Go to http://localhost:3000 et voila.
On modern phone dealing with node_modules it's quite fast. I'm a bit surprised.
Read 6 tweets
Got a question in one of the interviews about how does HTML page load, as in, how the resources are actually being fetched from top to bottom and their execution?

Starting a thread about it here.

#FailedInterview #javascript #html
Not all resources in the HTML are blocking.

For example, CSS and other static assets are non-blocking.

However, JavaScript is blocking unless it's used with async or defer.
This whole process is all about two things, "Fetching" and "Parsing".

The browser fetches the resource first and then start the parsing.

However, fetching and parsing happens in parallel for multiple resources.
Read 10 tweets
👁️👁️Watch me refactor an simple API in four simple steps. (a twitter thread). ⚠️Warning, may contain currying and partial application 😉
#javascript #es6
Refactoring Step 1: Eliminate the code `.then(response => response.data)` in each function by extracting this to a function called `getResponseData`.
#javascript #es6
Refactoring Step 2: Eliminate the URLs from each function by extracting this to a function called `createUrl`. The function will create a url based off the category and id.
#javascript #es6
Read 6 tweets
I am very proud that @brave decided to base their new Rust adblocker upon github.com/cliqz-oss/adbl…, closely following our implementation and design. I think now might be a good time to reflect on the state of content blockers! #thread
This architecture was the result of lots of research and innovation to push the state of performance in @cliqz and @Ghostery and we think we reached a sweet spot in terms of efficiency: memory usage and performance are *both* great! #cakeandeatittoo
We already showed a few months ago in response to Manifest v3's announcement, how content blockers could be implemented extremely efficiently, even in #javascript, and even without #webassembly (whotracks.me/blog/adblocker…)
Read 10 tweets
Here is my @emberjs blog post for #EmberJS2019 (in a tweet)! I start from the idea that 80% of apps don't need a full SPA to sprinkle in some client side niceties. What do I need from my tool belt?
If I had to choose, most projects I start will be in Phoenix or Rails. A full frontend app isn't something I need to change state on a page without a full re-render. The tools we have in 2019 are significantly better.
However, if, I need a full SPA, I need to 1. deterministically render a UI with async/sync data, 2. ability to test it, 3. have a configurable/composable modules to build a sane system for fetching data and passing it around to various UI states, 4. lastly do it with a small team
Read 9 tweets
Thanks to @NikkitaFTW's hard work on Code Sandbox, I've had the chance to compare @sveltejs and @reactjs on a small app. Here are my thoughts as a React fanboy...
Firstly, bundle sizes were closer than I thought they would be, ~420KB for the React app and ~320KB for the Svelte app. I suspect most of the size comes from Tone.js though.
The reactive `$:` syntax of Svelte looks weird but is insanely powerful. You can have a code block run each time any of the dependencies change without having to figure out what those dependencies are.
Read 9 tweets
All of you #recruiting #fullstack developers, or calling yourselves #fullstack #software #developers, this is the stack. I call #shenanigans.
#UI & #UX
#Accessibility
#Internationalization
#GraphicDesign
#Javascript
WAF and client-side #security
Client-facing #performancetesting
Caching & #CDN
#APIDesign
Identity management
#Microservices
#Database access patterns
#ContinuousIntegration
Build servers (#Jenkins)
Source code management
Deployment methodologies
#ConfigurationManagement
#InfrastructureAsCode
Infrastructure Security
#TDD
Concurrent programming
Backend performance testing
#Monitoring
Alerting
Storage subsystems
Messaging subsytems
#Networking
Read 4 tweets
Struggling with debugging your #Nodejs app, like I am today?

Tinkering and copy/pasting #javascript not getting it done?

I'm taking a step back to tighten up my debugging process and tooling.

Here is a thread on my resources. If you have more, please share!

#codecohort
First, I'm rereading @gordon_zhu advice on asking good coding questions

medium.com/@gordon_zhu/ho…
@gordon_zhu Next, I'm finally going to learn how to use Chrome Dev Tools and VS Code to debug Node apps.

I know a little, but not nearly as much as I should

@andrew_j_mead

Read 4 tweets
Little story about biases in technologies. Before I joined @wavesplatform, I thought that #scala is a very complex, non-obvious and little supported programming language, there is too much magic and you can draw ascii emojis with special characters in your code.
I heard and read a lot about troubles with #scala, and it looked reasonable. But as I dived in it (thanks to @wavesplatform deva and scala courses by @BinaryDistrict), I began to realize that these "troubles" are only my (and people in my bubble) biases.
In fact, scala is like any other popular languages with its own advantages and disadvantages. Same like #Java, #Javascript, #TypeScript, #Python in which I wrote before.
Read 7 tweets
@DigitalExeter @TechExeter @RezcommTech @GreyMatter_News Super subtle, but helpful 😁
I mentioned @thatbberg - all things #selfcare + balancing life/work
Finding out how you recharge: ideas.ted.com/quiz-are-you-a…
@DigitalExeter @TechExeter @RezcommTech @GreyMatter_News @thatbberg I will make the deck available next week (added to my Eisenhower Matrix as important not urgent 😉), but here are the 5 habits that help refocus/rebalance work and private life:
@DigitalExeter @TechExeter @RezcommTech @GreyMatter_News @thatbberg 1. Be Five Minutes Early
2. Concentrate on the 3 Most Important Tasks Each Day
3. Use the Eisenhower Matrix (to figure out importance and urgency)
4. Batch Similar Tasks
5. When Stuck, go for Quick Wins
Read 4 tweets
I’ve had a lovely few days of doing NOTHING work related! I hope you have had some relaxation too.

BUT I do want to tell you about the “full stack” requirements of this AWESOME job that you should apply for to work with me & @AutisticaUK at @turinginst!

turing.ac.uk/work-turing/re…
Here are some screen grabs from the job ad that talk about what you need.... the essential requirements.
I was nervous writing this ad. It’s asking for A LOT to have someone join an academic project for a salary of between £34,000 and £40,000 if they can do ALL the #FullStack development! There are lots of jobs that would pay you a lot more!!
Read 9 tweets
This year for #merryCSSmas I'll be covering some of the most requested styling features and how they can be used with CSS. This will be a month-long series showing ways that simple, valid CSS, and simple JavaScript functions can work together to style anything you can imagine!
Dec 1: Parent Selector 🎄🎁 Though CSS doesn't have a :parent selector, you can create your own with a small JavaScript function and use a selector like [--parent] in your CSS stylesheets today!

demo: codepen.io/tomhodgins/pen…
code: npmjs.com/package/jsincs…

#css #javascript Supporting your own parent selector in CSS with [--parent]
Dec 2: The :has() Selector ⭐️✨ Even though this selector has been specced in CSS for years, no browsers support it yet. Thankfully it's easy for us to support with a selector like [--has] in our CSS

demo: codepen.io/tomhodgins/pen…
code: github.com/tomhodgins/jsi…

#rwd #webdesign
Read 21 tweets

Related hashtags

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!