Giter VIP home page Giter VIP logo

suep's Introduction

Oh hey โ€” I'm htnabe a.k.a Nabe-cyan

Just one-sided well-read holiday-developer from Kobe-city, Hyogo.

I'm passionate about contributing to the technical community through various articles.

You'll often find me immersed in writing on my ThinkPad, savoring ๐Ÿฟ caramel popcorn and pizza, exploring both literature and comics, tuning in to the nostalgic tunes of 90s-20s Japanese anime, and engaging in multiplayer PC games.

In addition to my tech pursuits, I enjoy ๐Ÿšด biking or going for a run ๐Ÿƒ๐Ÿผ with a few friends.

If you'd like to support my work so I can continue to provide free content, consider sponsoring me on:

Main Skills

My Skills

Top Langs

suep's People

Contributors

dependabot[bot] avatar enumura1 avatar htnabe avatar

Watchers

 avatar

Forkers

enumura1

suep's Issues

Abolishing git-flow and introducing GitHub Flow

We have been using git-flow like since the beginning of SUEP development, but I don't think git-flow works well for development efficiency and accuracy. The reasons are as follows.

  1. no need to keep past versions
  2. the develop branch is almost the same as the main branch

In particular, the only difference between the develop branch and the main branch is whether logs are displayed in console.log or not.
Therefore, I think it is appropriate to discontinue git-flow and proceed with the transition to GitHub Flow.

Code refactoring proposal

  • Making style variables in each files into an external file
    For now, each screen or function has its own style, so it's neccesary to create some files with the common style functions.
    Eg: a file w/ color styles and w/ font size styles, w/ margin and padding values etc.

  • Change of notation from mere JS functions to JSX and make component files
    In some files, mere functions are used extensively. Therefore, it's necessary to convert mere functions to JSX to reduce the amount of code. Also, the components used in each screen should be managed in an external file to improve code readability.

Aiming for complete separation of development and production environments

For safe and fast development, we believe it is time to separate the program to be executed in the development and production environments. Specifically, we should separate the APIs to be used in the production and development environments as follows,

There are ways to distinguish between development and production environments using variables provided on the Expo side. These should be implemented as soon as possible (preferably in time for the major update in June).

Suggestions for performance improvement

  • Regarding data persistence
    Currently, using AsyncStorage slows down the reading and writing of data noticeably, especially on Android devices. In order to solve this problem, I assume it would be a good idea to move to Realm.

  • Performance tuning of FlatList, etc.
    In particular, FlatList may cause unintended re-rendering due to unrelated state changes.

  • UseContext
    There are mainly two methods to manage states globally, Redux and useContext. useContext is currently the only method used in SUEP. useContext has its own disadvantages, so we should consider migrating to Redux.

Suggestion for revising the format of lecture files

Problem

In the format for storing lecture information, there is a mixture of notations such as 'ๆœˆ1', 'ๆœˆ 1' (single-byte space), and 'ๆœˆใ€€1' (double-byte space).

Ideal Sate

Unify these notations into a 'day + number' (no space in between) expression such as 'ๆœˆ1'.

Tweets so not display properly depending on screen size

Depending on the screen size of the user's smartphone, tweets may be displayed incorrectly as shown in the image below.

aspect-ratio

This is because of the design of the margin for embedding tweets regardless of the screen size.
This is not a fatal bug, but we would like to fix it as soon as possible.

Changes of configuration of back-end

Is your feature request related to a problem? Please describe.
Currently, the backend system consists of Google Clouad Platform and uses several Google related services. In the future, I plan to move to a system using FIrebase and Cloud Functions that are not used now. Although the difficulty of implementation and learning costs will increase, I would like to use these to make the system configuration more robust.

Describe the solution you'd like

  1. determine the format of information to be obtained on the frontend side
  2. modify the current back-end codes to match the information requested above
  3. migrate to Firebase first (since there is abundant documentation on the Expo side and it is relatively easy)
  4. port part of the GAS code to Cloud functions

Describe alternatives you've considered
Nonde

Additional context
None

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.