Team Sunshine (Babel)

Sources

• https://teams.railsgirlssummerofcode.org/organizers/teams/712

Students

Gyujin Cho

Sujin Lee

Coaches

Byungjune YOON

Confirmed

Hyeonsu Lee

Confirmed

Joeun Park

Confirmed

Seongjun Kim

Confirmed

Mentors

Henry Zhu

Supervisors

Ana Sofia Pinho

Conferences

ActivitiesAtom Feed

July 13, 2018

• 

  Day 10: First PR! ☀️

  Team Sunshine (Babel) — at July 13, 2018 16:18 UTC

  • Gyujin made First PR: fixed all flow errors and linted scripts for babel/website before adding TimeTravel Component
  • Sujin updated dependencies in babel-time-travel
    • BabiliPlugin to MinifyPlugin
    • WIP: Webpack 2 to Webpack 4
    • WIP: Update webpack.config

July 12, 2018

• 

  Day 9: Exploring the core of babel-time-travel ☀️

  Team Sunshine (Babel) — at July 12, 2018 18:53 UTC

  TODAY
  * Installed babel-time-travel in local and reviewed babel-worker.js, the main heart of this project. We did console.log() and got babel transformed arrays! Simply awesome!
  * Deployed cloned babel-time-traveler app on netlify.
  * Gyujin is catching flow errors in babel website and preparing PR.
  * Sungjoon, our coach visited us and we discussed UI improvements based on babel-time-traveler. Sujin suggests new feature minimap, a preview of the full source code like atom or vscode editor and Sungjoon will guide us atom-minimap.

  TODO
  * Integrate gray footer navigators in babel-time-traveler in current REPL.

July 11, 2018

• 

  Day 8: Getting to know babel-time-travel ☀️

  Team Sunshine (Babel) — at July 11, 2018 18:09 UTC

  TODAY
  * Today, we had two calls; with Ana, a supervisor, and Henry, Brain, and lves, mentors.
  * Our mentors set project planning and goals during RGSoC in more details.
  * Currently, Ives and Brian are working for Sandpack PR to REPL and it is going to be integrated codesandbox even a blocker.
  * The final goal would be to show a different view of output code: AST, output code, or time-travel which is a tool exploring various babel presets at once.

  TODO
  * Review code of current babel-time-travel from now on.
  * Check console.log() the output, use as hardcoded data.
  * After integrated, we can think about designing new UI’s.

• 

  Day 7: New REPL editor, sandpack ☀️

  Team Sunshine (Babel) — at July 11, 2018 17:53 UTC

  • Writing first team introduction blog post
  • We tried to fix the issue on sandpack to REPL .
  • Reviewed babel handbook and noticed that Korean translation outdated.
  • Learned ES6 generator.

July 09, 2018

• 

  Day 6: Tested translation setup for babel website ☀️

  Team Sunshine (Babel) — at July 9, 2018 14:26 UTC

  • We looked into Docusaurus and its l18n workflow to see if we could resolve Setup translations issue
    • Tested setup locally
    • Need CI and Crowdin setup
  • Also studied docusaurus script codes to know how it works internally.
    • We noticed that it was using babylon to make and traverse AST!

July 06, 2018

• 

  Day 5: Jump into codesandbox ☀️

  Team Sunshine (Babel) — at July 6, 2018 10:34 UTC

  • The whole team members from 5 different time-zones had the first meeting.
  • We are invited to babel GitHub organization! 🎉
  • Hyunsoo, our coach visited our working place and he lead us to look inside current babel core issues and PRs.
    • Initial Sandpack Proof of Concept
    • Babel Offline Support
    • Offline support with service worker
  • We installed codesandbox-client app in local and run it.
  • We learnt ES6 Template Literals and Tagged Template Literals.
  • git checkout -t remote/branch

July 05, 2018

• 

  Day 4: Looked into the current REPL issues ☀️

  Team Sunshine (Babel) — at July 5, 2018 17:24 UTC

  • We studied the current REPL codebase
  • We went through the issues and PRs about REPL, open and closed.
  • Did some research about netlify
  • Also sid some research about react-sandpack

July 04, 2018

• 

  Day 3 : The first installing Babel Website project ☀️

  Team Sunshine (Babel) — at July 4, 2018 13:05 UTC

  • We enjoyed the first weekly meeting with our supervisor Ana, and Joeun, a senior female engineer as well as one of the coaches at her office.
    • We asked Ana to correct broken English in a blog post.
  • Every Wednesday, we will have a meeting with a supervisor, Ana.
  • Git clone babel/website repo and install dependencies and run a server.
  • We encountered some libraries in repl that we haven't used before and understood what they are, what they are used for overall.

  • We are going to look inside and study the list in the below from now on.

    • Libraries
      • Flow: Adds static typing to JavaScript to improve developer productivity and code quality.
      • react-instantsearch: Lightning-fast search for React and React Native apps, by Algolia
      • emotion-js: a performant and flexible CSS-in-JS library
      • CircleCI · GitHub Marketplace · GitHub
        
      • semver: Semantic Versioning 2.0.0 | Semantic Versioning
      • lz-string: LZ-based compression algorithm for JavaScript
    • Tools
      • Docusaurus · Easy to Maintain Open Source Documentation Websites
    • Concepts
      • Web Workers API - Web APIs | MDN

July 03, 2018

• 

  Day 2 : Prepare for the project ☀️

  Team Sunshine (Babel) — at July 3, 2018 15:20 UTC

  What we did for today

  • Gyujin joined the second kick off video call early this morning
  • Reviewed together Gyujin's translation of a post about AST for JS developers
  • Studied Babel Handbook - was not easy to understand 😂
    • Only few parts were translated in Korean and wasn't in the best condition, so we’d like to improve the doc in Korean bit by bit.
  • Studied about service worker because current babel-time-travel is using service worker for faster compile.
  • Discussed about the project structure and functionalities with Mentors
    • Would better not to waste time on setting dev environment
    • Would be nice if eventually Babel Time Travel was implemented as a part of the current REPL
    • Use code sandbox instead of code mirror
  • Adjusted time for whole team meeting (will be held at 8:00 AM 6th July KST)
  • Changed daily working time to 7:00PM -11:00PM (UTC+9, KST) for better communication with Mentors in USA
  • Got a new steady place to work for three months
    • A Co-working space located @ Gangnam

July 02, 2018

• 

  Day 1 : First day of RGSoC ☀️

  Team Sunshine (Babel) — at July 2, 2018 16:10 UTC

  Goals for Week #1

  • Create new project repository
  • Install basic dependencies for react app and finish boilerplate code setup
  • Start simple team blog using GitHub pages
  • Setup weekly scheduling
  • Write a first blog post
  • Make a list of dependencies for project app

  About our project

  We are going to work on babel time travel with react.js based on previous repo built with vue.js.

  What we did for today

  • Joined kick-off party video call
  • Appointed the time for the video call with Ana (Jul 4, 2018 7pm - 8pm (KST))
  • Discussed a consistent weekly schedule for project development
  • Set a place and time for a meeting
    • Everyday 6:00PM -10:00PM (UTC+9, KST) @ Gangnam
    • We will share our daily scrum meeting (what we did today and what will do for tomorrow) with a mentor at 10:00 PM.
    • Every Friday is sth crush day(e.g react-saga crush day) to learn something, do pair programming.
  • We are going to use the #RGSoCSunshine hashtag for social media!
  • Had a brainstorming session for Updates, additions, and improvements to help the previous project